- 博客(26)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 vue组件间的传值方式，总结13种
1.自定义属性 pros父组件<child :data='data'></child>子组件props: { data: { type:Array, default: [], required: true },2.自定义事件 $emit父组件<child :data='data' @changecode='changedata'></child>...changedata(data)
2021-03-15 16:41:28
374
原创 js设计模式之代理模式
代理模式简单来说就是真方法假方法，我们调用假方法，方法内部对数据加一些操作，然后根据判断去处理是否调用真方法保护代理虚拟代理缓存代理保护代理比如说对传入的数据做一下初步的处理，整理格式，处理类型，过滤字段等等// 保护代理 function do1(value){ console.log(value) } function xdo1(value){ if(value==undefined||value==null){ console.log("输入不合规")
2020-12-07 19:08:34
139
原创 js设计模式之单例模式
单例模式基础简单来说就是整个上下文环境中，一个类仅可存在一个实例，新的实例化操作会失效一个简单的说明if(!mode){ mode=new setmode()}else{ return mode}要想实现这种效果，必须只能通过我们规定的方式去操作此对象所以，不能定义在全局上，我们可以用闭包来实现简单的例子// 建立一个类，已此类作为单例function mode(name){ this.name=name} // 给模型上绑定方法，用于测试效果mode.prot
2020-12-02 19:47:55
99
原创 自动化路由
自动化路由通过动态引入js来实现自动化路由require.context(’.’, true, /.js$/)使用webpack的一个方法，require.context第一个参数是需要检索的文件夹第二个参数是是否遍历其中的子文件夹第三个是正则对于路由来说，路由其实就是一个数组，只要是组成数组格式放入vue实例，应该就可以了吧所以思路来说，就是每个路由模块抛出一个对象，然后require引入，最后添加到vue实例代码示例：目录结构如下text1：const tt = [ {
2020-11-23 10:55:31
304
原创 屏蔽页面所有或者部分录入域
屏蔽页面所有录入域在前端开发的一些场景，需要屏蔽掉一个页面内所有的录入域或者一个组件内的所有录入域。在项目刚建立的时候存在form的在项目刚建立的时候，可以留出缝隙，做全局的控制，form表单的disabled属性等等。这种情况适合页面的录入域都是在form中的。比如原生写法。下边几种情况不太适用 - 没有form - 手动拼接的模拟form - 直接添加的几个input - 控制其中的某几个或者一类元素表单元素不固定。即使用动态加载的方式来添加的。表单中使用一个循环来动态渲染出表单
2020-11-16 14:24:37
119
原创 为什么说vue没有完全遵循mvvm
为什么说vue没有完全遵循mvvmmvvm是指 模型-视图-视图模型，双向绑定，数据交互通过vm来实现vue主题也是按照这样的设计模式的。只去改变数据。通过双向绑定，自动更新视图。但是vue中添加了一个属性。ref通过ref可以拿到dom对象，通过ref直接去操作视图。这一点上，违背了mvvm...
2020-10-28 11:23:55
754
1
原创 bug制造专家
bug制造者vue框架，我爱bug1.在页面写好的mounted之后，组件的生命周期找一个角落再写一个mounted，便会覆盖之前的mounted内部内容，使其不生效。2.清除响应式。再初始化对象格式的数据之后，监听或者在其他的触发方法下，添加一个直接赋值操作，把相应的引用改掉。所以，响应式失效3.在子组件接受父组件传参或者定义子组件插入的组件时，把对象格式的改为数组或者数组变为对象，导致引用失效...
2020-07-30 18:42:53
153
原创 动态引入组件
动态引入组件在页面上创建标签主要使用的是异步组件// 使用多个时可以使用for循环进行创建<component :is="mytext"> </component>通过require.context方法获取路径下组件的对象let requireComponent = require.context( '@/components/fr...
2019-11-06 19:34:25
944
原创 动态引用js
动态引用js使用require可以在逻辑里按照需要引入js文件。let path="path"console.group('引入js'); try { let obj = require('./text/'+path+'.js') console.log("加载"+path+"成功") } catch (error) { ...
2019-11-06 16:25:52
816
原创 ivue转element
工作中vue搭建项目。遇到需要把ivue组件替换成element组件（不知道图啥，咱也不敢说，咱也不敢问，就改呗。）改过几个页面之后，发现里边特别多的共同点，从头扫到尾，基本改改标签，改改显示方式就可以了。故写下博客记录以下。其中的样式是我们项目中的一些改法，其他项目的话要根据具体情况而定，基本也是微调了。属于可以直接替换的标签Card =》 el-cardRow ...
2019-09-02 10:00:04
978
原创 dialog注意事项
dialog注意事项关于在做弹窗时的几点注意事项1.弹窗在未生成时属于未创建元素，无法获取其中的dom元素。2.在关闭弹窗时，清除其中的数据及清楚其中的表单验证信息。destroy-on-close 关闭时销毁 Dialog 中的元素this.$refs[‘updateForm’].resetFields() 清除表单的验证信息尽量避免手动操作数组或者对象进行数据的清理，会导致表...
2019-09-02 08:47:33
154
原创 element给row添加属性
给row添加属性在使用element的table时会遇到一个问题。用：data绑定表格数据之后，我们想要获取每一行的序号，但是data中没有这个字段。所以添加事件之后我们拿不到所需要的数据。这里提供一种思路，就是使用table的一些回调函数给data添加一些想要的东西。比如说常用的row-class-name：row-class-name="addindex"method:{add...
2019-08-19 18:55:13
5449
原创 给table自动添加序号及转换数据
给table自动添加序号及转换数据在显示数据时，会遇到一种情况，就是接收到的数据需要转换一下才能达到展示效果，比如说自动添加序号，转换0或1等自动添加序号实现方式1.在一般的html页面中，通过操作dom可以实现。根据数据长度建立一个循环，把以此循环出的数通过操作dom，写入用选择器选到的相应dom节点2.在使用框架的情况下，如果是用v-for循环的组件，可以直接获取其中的index值，写...
2019-08-19 18:51:37
4107
原创 论get与post请求的区别
在我们使用ajax进行前后台交互的时候，肯定会接触到请求方式这个问题，而其中我们最常用的就是get和post。但是这两者之间到底有什么区别呢？说起get和post的区别，大部分人都知道一些，get用来请求数据而post用来提交数据 ，传值的方式不一样，安全性不一样等等。但是，这是为什么呢？数据包的不同从最底层的来说，ajax发送请求，依靠的是http协议和tcp/id协议的包装。 ...
2019-07-31 00:23:29
565
原创 引入外部js插件的两种方式
引入外部js插件的两种方式1.使用npm安装。例如npm install wangeditor --save验证是否安装成功，可以在packback.json中看依赖是否在其中。然后就可以在文中使用了。需要先实例化一个对象的，需要在vm中写一个钩子函数，建立对象。例如mounted() { var editor = new E('#editorElem') ...
2018-12-27 15:45:57
5645
原创 layer弹窗学习笔记
通过查看官方文档，记录下笔记仅作为自己学习资料使用layer弹出层： 作为独立组件使用直接引入js。引入jQuery1.8以上的任意版本。基础参数type:0（信息框，默认）1（页面层）2（iframe层）3（加载层）4（tips层）。title - 标题:类型：String/Array/Boolean，默认：‘信息’title: [‘文本’, ‘font-size:18px;’]...
2018-12-07 12:54:03
760
原创 浮动和清除浮动
浮动的框可以向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。由于浮动框不在文档的普通流中，所以文档的普通流中的块框表现得就像浮动框不存在一样。如果包含框太窄，无法容纳水平排列的三个浮动元素，那么其它浮动块向下移动，直到有足够的空间。如果浮动元素的高度不同，那么当它们向下移动时可能被其它浮动元素“卡住”：浮动框旁边的行框被缩短，从而给浮动框留出空间，行框围绕浮动框。因此，创...
2018-11-23 14:31:42
231
原创 Clip简述
Clip属性在W3C官网是这样进行描述的：“通过对元素进行剪切来控制元素的可显示区域，默认情况下，元素是不进行任何剪切的，但是也有可能剪切区域也显示的设置了clip属性”。.selector {clip: | auto | inherit} clip属性只能在元素设置了“position:absolute”或者“position:fixed”属性起作用。无法在设置“position:re...
2018-11-19 13:42:12
1141
原创 position定位相关信息详解
position 属性指定了元素的定位类型。元素可以使用的顶部，底部，左侧和右侧属性定位。然而，这些属性无法工作，除非是先设定position属性。他们也有不同的工作方式，这取决于定位方法。position的属性值共有四个常用的：static、relative、absolute、fixed。还有三个不常用的：inherit、initial、stickystatic 默认值。没有定位，...
2018-11-19 13:38:48
453
原创 技术类—Java笔试题2018
1写一个Singleton出来，你知道几种Singleton模式？public class Singleton { private Singleton(){ } private s
2018-10-27 18:03:44
170
原创 equals与==的分析
Java把内存划分成两种：一种是栈内存，一种是堆内存。在函数中定义的一些基本类型的变量和对象的引用变量（变量名）都在函数的栈内存中分配。当在一段代码块定义一个变量时，Java就在栈中为这个变量分配内存空间，当超过变量的作用域后，Java会自动释放掉为该变量所分配的内存空间，该内存空间可以立即被另作他用。堆内存用来存放由new创建的对象（包括由基本类型包装起来的类：Integer、String...
2018-10-27 17:33:48
65
原创 synchronized
synchronized关键字用来给对象和方法或者代码块加锁。当一个线程进入一个对象的一个synchronized方法后，其他线程要访问此方法时都要等待之前的线程执行结束。此时synchronized封锁的时该方法而不是该对象，当一个线程访问object的一个加锁代码块时，另一个线程仍可以访问该object中的非加锁代码块。...
2018-10-27 16:53:18
541
原创 文件读写操作-java
记录一下简单的文件读写操作，以备后用package com.soft;import java.io.File; import java.io.InputStreamReader;import java.util.ArrayList;import java.util.List;import org.jsoup.Jsoup;import java.io.BufferedRead...
2018-10-11 16:52:15
125
原创 jsoup爬虫-简单的java爬虫
java爬虫，用jsoup工具就变得极为简单，可以获取dom，通过操作dom的方式来读取里边的数据。下边是我写的一些方法package com.soft;import java.io.IOException;//引入相应jar包import org.jsoup.*;import org.jsoup.nodes.Document;import org.jsoup.nodes.Eleme...
2018-10-11 16:46:42
198
原创 javacv心得，每隔n帧抓一张图
javacv心得，每隔n帧抓一张图javacv新手，从网上找的大神写好的代码，但是没有自己想要的效果，对代码进行小修改之后实现了想要的功能。package com.soft;import java.awt.image.BufferedImage;import java.io.File;import java.io.IOException;import javax.imageio.Ima...
2018-09-19 20:52:45
1276
4
简单javacv应用的包
2018-10-07
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人