文档:https://cn.vuejs.org/v2/guide/list.html 当 Vue.js 用 v-for 正在更新已渲染过的元素列表时,它默认用“就地复用”策略。如果数据项的顺序被改变,Vue 将不会移动 DOM 元素来匹配数据项的顺序, 而是简单复用此处每个元素,并且确保它在特定索引 ...
分类:
其他好文 时间:
2019-01-09 17:31:54
阅读次数:
185
v-show:false 对应的是display:none;不移除dom元素。对网页渲染性能更好,适应于频繁的操作该dom的显示隐藏。 v-if: false 对应的是彻底移除dom元素,对应的是v-if v-else,适应于一次渲染后不频繁改动dom。 visibility: hidden; 不可 ...
分类:
其他好文 时间:
2019-01-09 13:35:15
阅读次数:
167
React 面向组件化编程 面向对象 > 面向模块 > 面向组件 套路: 注意: 组件名必须大写开头; 只能有一个根标签; <input />虚拟DOM 元素必须有结束标签 方式1. 工厂函数组件 (简单组件) function MyComponent(){ // 只能 大写开头,区别于普通函数 r ...
分类:
其他好文 时间:
2019-01-08 14:57:15
阅读次数:
207
webpack异步加载的原理 webpack ensure相信大家都听过。有人称它为异步加载,也有人说做代码切割,那这 个家伙到底是用来干嘛的?其实说白了,它就是把js模块给独立导出一个.js文件的,然后使用这个 模块的时候,webpack会构造script dom元素,由浏览器发起异步请求这个js ...
分类:
其他好文 时间:
2019-01-07 22:38:48
阅读次数:
173
1,vue动画的实现原理,主要是通过在不同时期给需要动画的dom元素加上css动画样式 我们以显示和隐藏动画为例 a, 需要动画的dom元素 b,点击时vue控制往vue中加的样式 2, 我们以两张图为例,更为清楚地表示vue什么时候往dom元素中加样式 点击按钮隐藏时 点击按钮逐渐显示时 如果您还 ...
分类:
其他好文 时间:
2019-01-05 19:56:38
阅读次数:
249
如果您尝试使用不被React识别的道具作为合法的DOM属性/属性来渲染DOM元素,那么unknown-prop警告将触发。你应该确保你的DOM元素没有虚假的道具。 这个警告可能会出现几个可能的原因: 为了解决这个问题,复合组件应该“消耗”用于复合组件的任何道具,而不是用于子组件。例: 不好:意外的l ...
分类:
其他好文 时间:
2019-01-03 10:54:30
阅读次数:
199
运动的原理:js定时器对dom元素的操作,来改变元素的状态. 代码编写时需要注意到的问题:如果是对位置的修改,就不能忘记加上'px',否则,就浏览器不会出错,元素的位置也不会改变 下面是css代码: 这里是html代码: 下面是js代码: ...
分类:
Web程序 时间:
2019-01-02 12:29:43
阅读次数:
219
一、v-show指令 v-show指令可以用来动态的控制DOM元素的显示或隐藏。v-show后面跟的是判断条件,语法如下: 例如: v-show="true",表示显示DOM元素。 v-show="false", 表示隐藏DOM元素。 看下面的示例: 运行效果: 将flag变量改为false,代码如 ...
分类:
Web程序 时间:
2018-12-30 12:07:49
阅读次数:
219
JavaScript垃圾回收是一种内存管理技术。在这种技术中,不再被引用的对象会被自动删除,而与其相关的资源也会被一同回收。 Map和Set中对象的引用都是强类型化的,并不会允许垃圾回收。这样一来,如果Map和Set中引用了不再需要的大型对象,如已经从DOM树中删除的DOM元素,那么其回收代价是昂贵 ...
分类:
其他好文 时间:
2018-12-29 13:57:14
阅读次数:
148