03 2018 档案

摘要:vuex的过程 规定所有的数据操作必须通过 action - mutation - state change 的流程来进行,再结合Vue的数据视图双向绑定特性来实现页面的展示更新。统一的页面状态管理以及操作处理,可以让复杂的组件交互变得简单清晰,同时可在调试模式下进行时光机般的倒退前进操作,查看数据 阅读全文
posted @ 2018-03-27 17:36 全玉 阅读(319) 评论(0) 推荐(0) 编辑
摘要:Virual DOM是用JS对象记录一个dom节点的副本,当dom发生更改时候,先用虚拟dom进行diff,算出最小差异,然后再修改真实dom。 vue的virtual dom的diff算法是基于snabbdom算法改造而来,与react的diff算法一样仅在同级的vnode间做diff,递归的进行 阅读全文
posted @ 2018-03-26 11:31 全玉 阅读(8942) 评论(1) 推荐(2) 编辑
摘要:vue的双向绑定包括两部分 1.数据变化更新视图2.视图变化更新数据 view变化更新data一般通过事件监听来完成,例如input标签监听input事件即可data变化更新view则是通过Object.defineProperty()的set方法进行,在数据赋值时候,在set方法种执行一个view 阅读全文
posted @ 2018-03-25 16:46 全玉 阅读(270) 评论(0) 推荐(1) 编辑
摘要:vue1.*版本中 在标签中加上el='dom',然后在代码中this.$els.dom这样就拿到了页面元素 例如:<div class='box' v-el: myBox>你好</div> 让你好的颜色显示为红色:this.$els.my-box.style.color = 'red' vue2. 阅读全文
posted @ 2018-03-25 16:30 全玉 阅读(328) 评论(0) 推荐(1) 编辑
摘要:webpack --watch会产生*.hot-update.json文件,解决方法如下: 出处:https://github.com/gaearon/react-hot-loader/issues/456 阅读全文
posted @ 2018-03-14 17:32 全玉 阅读(1167) 评论(0) 推荐(1) 编辑
摘要:不论之前是什么类型的元素(display:none除外), 只要设置了position:absolute或float, 都会让元素以display:inline-block的方式显示, 可以设置长宽,默认宽度并不占满父元素, 就算是显示的设置display:inline或display:block, 阅读全文
posted @ 2018-03-12 16:58 全玉 阅读(221) 评论(0) 推荐(0) 编辑
摘要:1. 在样式中使用绝对路径 css,less,sass使用~表示绝对路径,如下: @import "~otherfile.scss" .yourClass { background: url('~img/wallpaper.png'); } 2. 在js中使用绝对路径 js中使用绝对路径,不能带波浪 阅读全文
posted @ 2018-03-12 12:47 全玉 阅读(1327) 评论(0) 推荐(0) 编辑
摘要:1. gulp.dest 会自动创建目录 gulp.dest(dir),若dir不存在,gulp会自动创建它 2. gulp.src copy具名路径(即不子目录**的路径)的文件,不会保留文件夹路径 如上,将user.js拷贝到dist,会形成如下结构 dist user.js 若要保留路径,即形 阅读全文
posted @ 2018-03-05 18:45 全玉 阅读(161) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示