摘要: 把todolist拆分为header、footer、list三个模块 index文件 header.js文件 list.js文件 footer.js文件 阅读全文
posted @ 2019-02-10 17:52 紫诺花开 阅读(895) 评论(0) 推荐(0) 编辑
摘要: vue的生命周期就是一个vue组件或实例从出生到销毁的过程 所有生命周期钩子的this上下文指向他的vue实例 vue有8个生命周期函数,分别是beforeCreate,created、beforeMount、mounted、beforeUpdate、updated、beforeDestroy、de 阅读全文
posted @ 2019-02-08 15:57 紫诺花开 阅读(632) 评论(0) 推荐(0) 编辑
摘要: vue组件化开发 主要为了把一个大功能拆分成若干个小的功能,解决高耦合问题,同时也方便开发人员维护。 从功能上组件可以分为木偶组件和功能组件。 木偶组件(为了接收数据,渲染数据,基本上是没有逻辑的,越往下越木偶) 功能组件(更多是控制数据,有大量的逻辑,越往顶层越功能) 组件化开发的优势: 1、提高 阅读全文
posted @ 2019-02-07 23:45 紫诺花开 阅读(383) 评论(0) 推荐(0) 编辑
摘要: computed 计算属性 能够监听vue数据上的变化,页面上来就执行一次,每改变一次数据就又触发。在操作数据的时候,会派生出另一个事情 1、函数形式 computed:{ listenArr(){ /* 使用data中数据,自动帮你监听数据的变化 返回的结果就是通过改变数据 做的另一件事情(当数据 阅读全文
posted @ 2019-02-06 16:06 紫诺花开 阅读(3583) 评论(0) 推荐(1) 编辑
摘要: vue实现商品累计需要以下几点 1.添加商品 2.选中 3.删除功能 4.总计功能 1.添加商品 2.选中 3.删除功能 4.总计功能 阅读全文
posted @ 2019-01-31 23:51 紫诺花开 阅读(918) 评论(0) 推荐(0) 编辑
摘要: 1、v-if系列 v-if="数据|判断" 只要条件成立,就显示if中的元素 v-else (注意:必须跟在v-if或者v-if-else的后面,不然失效) 如果if条件不成立显示当前的元素 v-else-if 要紧跟v-if v-if="数据|判断" 只要条件成立,就显示if中的元素 v-else 阅读全文
posted @ 2019-01-30 22:17 紫诺花开 阅读(260) 评论(0) 推荐(0) 编辑
摘要: Document 喜欢的城市 {{item.city}} 全选 反选 全不选 阅读全文
posted @ 2019-01-30 21:31 紫诺花开 阅读(2558) 评论(0) 推荐(0) 编辑
摘要: 两者都是动态显示DOM元素 不同点: 1、使用方式 v-if是根据后面数据的真假,来判断DOM的添加删除等操作 v-show只是在修改元素的css样式(display属性值) 2、实现过程 v-if切换有一个局部编译/卸载的过程,切换过程中合适地销毁和重建内部的事件监听和子组件; v-show只是简 阅读全文
posted @ 2019-01-29 14:33 紫诺花开 阅读(5328) 评论(0) 推荐(1) 编辑
摘要: css实现loading动画非常方便,也非常实用 第一种 第二种 第三种 第四种 阅读全文
posted @ 2019-01-27 23:57 紫诺花开 阅读(10127) 评论(1) 推荐(1) 编辑
摘要: 网站性能优化的一些解决方案 1、资源文件合并,减少HTTP请求次数 合并Js,合并css,图片使用sprite 2、静态资源压缩 图片、CSS、JS在发布前要压缩 2、减少页面DOM操作 操作多的话可以考虑使用虚拟dom 3、延迟加载内容 图片懒加载、数据懒加载(加载更多),功能懒加载 4、使用离线 阅读全文
posted @ 2019-01-27 13:40 紫诺花开 阅读(304) 评论(0) 推荐(0) 编辑