2019年7月26日
组件
摘要： 组件：页面上的任何一个部分都是一个组件，组件由html，css，js组成。 特点：灵活、复用、便于维护。 创建方式： 全局组件：任何vm都可以用 Vue.component() Vue.component("navTo",options); 参数一：组件名称 参数二：组件的配置项，vue的配置中有什 阅读全文
posted @ 2019-07-26 20:33 吴小明- 阅读(225) 评论(0) 推荐(0) 编辑
vue生命周期
摘要： 生命周期：一个组件从创建到销毁的过程。 beforeCreate：创建前。 当组件初始化的时候会执行beforeCreate，在当前生命周期中无法访问data中的属性和methods中的方法，因为当前生命周期是初始化阶段，因此我们可以在当前生命周期中加一个loading等待组件加载完以后再移除loa 阅读全文
posted @ 2019-07-26 20:22 吴小明- 阅读(180) 评论(0) 推荐(0) 编辑
webpack
摘要： webpack：模块打包机。 分析项目结构，找到js模块和其它一些浏览器不能直接运行的拓展语言（scss、typescript等），并将其打包为合适的合适供浏览器使用。 工作方式：把项目当做一个整体，通过一个给定的文件（index.js），webpack从这个文件开始找到项目的所有依赖，使用load 阅读全文
posted @ 2019-07-26 20:07 吴小明- 阅读(180) 评论(0) 推荐(0) 编辑
2019年7月25日
为什么vue组件中的data不是一个对象而是一个函数
摘要： 如果两个实例引用同一个对象，当其中一个实例的属性发生改变时，另一个实例属性也随之改变，只有当两个实例拥有自己的作用域时，才不会相互干扰。 这是因为JavaScript的特性所导致，在component中，data必须以函数的形式存在，不可以是对象。 组建中的data写成一个函数，数据以函数返回值的形 阅读全文
posted @ 2019-07-25 17:56 吴小明- 阅读(5501) 评论(0) 推荐(0) 编辑
JavaScript兼容性问题 js兼容
摘要： 1、获取事件对象： var e=e||event; 2、阻止冒泡： e:stopPropagation?e:stopPropagation():e.cancelBubble=true; 3、阻止浏览器默认行为： e.preventDefaule?e.preventDefault():e.return 阅读全文
posted @ 2019-07-25 08:41 吴小明- 阅读(223) 评论(0) 推荐(0) 编辑
将类数组转为数组
摘要： 伪数组：length属性为非负整数，索引值为非负整数，没有数组的方法。 ES6：Array.from(伪数组) let newArr = [...arr] ES5：Array.prototype.slice.call(伪数组) ES5：Array.prototype.concat.apply([], 阅读全文
posted @ 2019-07-25 01:37 吴小明- 阅读(219) 评论(0) 推荐(0) 编辑
递归和循环的区别以及使用的场景
摘要： 递归：函数自己调用自己。 循环：设置初始值和终止条件，在一个范围内重复运算。 递归的代码简洁性更高，但是会占用更多的内存，循环的代码可读性不如递归，但是效率会高一点。 应用场景：递归用于树状结构的查询，查询地区，菜单，对象的深复制。遍历的时候，需要多次进行同样的运算用循环。 阅读全文
posted @ 2019-07-25 01:14 吴小明- 阅读(1098) 评论(0) 推荐(0) 编辑
v-if和v-show
摘要： v-if调用的是display的block和none，v-show是直接操作元素的创建和删除。 v-if应用于权限的验证，v-show应用于页面的展示，如果是频繁的切换页面，会比较消耗性能，这时候用v-show比较好。 阅读全文
posted @ 2019-07-25 00:58 吴小明- 阅读(209) 评论(0) 推荐(0) 编辑
2019年7月24日
vue中computed和watch的区别，以及适用场景
摘要： computed：通过属性计算而得来的属性 1、computed内部的函数在调用时不加()。 2、computed是依赖vm中data的属性变化而变化的，也就是说，当data中的属性发生改变的时候，当前函数才会执行，data中的属性没有改变的时候，当前函数不会执行。 3、computed中的函数必须 阅读全文
posted @ 2019-07-24 23:34 吴小明- 阅读(13105) 评论(1) 推荐(0) 编辑
vue中使用过的全局API
摘要： Vue.directive() 全局自定义指令 Vue.filter() 全局过滤器 Vue.$set() 为响应式对象添加一个响应式属性 Vue.$delete() 删除属性 Vue.component() 创建全局组件 Vue.use() Vue.extend() Vue.nextTick() 阅读全文
posted @ 2019-07-24 21:54 吴小明- 阅读(429) 评论(0) 推荐(0) 编辑