Vue2.0
文章平均质量分 83
FE焱黑C
日敲代码数百行,不辞长做前端人
展开
-
Vue文档再研-感悟
1.只有当实例被创建时就已经存在于data中的属性才是响应式的。2.计算属性是基于它们的响应式依赖进行缓存的。只在相关响应式依赖发生改变时它们才会重新求值。这就意味着只要message还没有发生改变,多次访问reversedMessage计算属性会立即返回之前的计算结果,而不必再次执行函数。3.JS操作真实DOM的代价!浏览器渲染引擎工作流程都差不多,大致分为5步,创建DO...原创 2019-10-17 14:41:19 · 227 阅读 · 0 评论 -
移动端点击穿透修复
点透发生的理由:当手指触摸到屏幕的时候,系统生成两个事件,一个是touch 一个是click,touch先执行,touch执行完成后,A从文档树上面消失了,而且由于移动端click还有延迟200-300ms的关系,当系统要触发click的时候,发现在用户点击的位置上面,目前离用户最近的元素是B,所以就直接把click事件作用在B元素上面了.系统提供了先触发的touch事件去取消系统生成的cl...原创 2019-10-13 14:35:48 · 130 阅读 · 0 评论 -
H5下拉分页加载
import InfiniteLoading from 'vue-infinite-loading';components: {InfiniteLoading},<infinite-loading direction="bottom" spinner="waveDots" :distance="100" @infinite="infiniteHandler">...原创 2019-10-09 18:32:24 · 482 阅读 · 0 评论 -
v-for为什么要加key
可以简单的这样理解:加了key(一定要具有唯一性) id的checkbox跟内容进行了一个关联。是我们想达到的效果查过相关文档,图例说明很清晰。vue和react的虚拟DOM的Diff算法大致相同,其核心是基于两个简单的假设首先讲一下diff算法的处理方法,对操作前后的dom树同一层的节点进行对比,一层一层对比,如下图:当某一层有很多相同的节点时,也就是列表节点时,D...原创 2019-05-27 11:29:34 · 552 阅读 · 0 评论 -
eslint-rules
"off"或者0 //关闭规则关闭"warn"或者1 //在打开的规则作为警告(不影响退出代码)"error"或者2 //把规则作为一个错误(退出代码触发时为1)"no-alert": 0,//禁止使用alert confirm prompt"no-array-constructor": 2,//禁止使用数组构造器"no-bitwise": 0,//禁止使用...原创 2019-05-09 10:35:51 · 497 阅读 · 0 评论 -
setInterval在Vue2.0路由和@import导入css导致页面间css覆盖的bug修复
1.由于setInterval函数属于全局对象window,此页面的定时器在路由页面,也会执行,采取钩子函数mounted运行定时器,beforeDestroy去除定时器。2.由于@import需要页面网页完全载入以后加载,不同于link和style导入,即使写了scoped也没有什么效果,路由页面如果设有相同的class会相互覆盖样式,故如果样式有相同class名字,采用style直接写即可。原创 2017-09-18 15:55:08 · 1442 阅读 · 0 评论 -
Vue2.0路由动态路径的绑定
<template> <div class="title" name="list"> <!--通过v-for循环打印,:to进行绑定router-link的路径,然后结合router-link-active给激活a加样式--> <router-link :to="{ path: bar}" v-for="(bar, inde...原创 2017-09-18 15:30:03 · 1817 阅读 · 0 评论