前端开发
voanit
这个作者很懒,什么都没留下…
展开
-
虚拟DOM性能优化实战,同样是操作DOM,为什么说他快?
为什么说虚拟DOM快?虚拟DOM不会进行排版与重绘操作虚拟DOM进行频繁修改,然后一次性比较并修改真实DOM中需要改的部分(注意!),最后并在真实DOM中进行排版与重绘,减少过多DOM节点排版与重绘损耗真实DOM频繁排版与重绘的效率是相当低的虚拟DOM有效降低大面积(真实DOM节点)的重绘与排版,因为最终与真实DOM比较差异,可以只渲染局部(同2)使用虚拟DOM的损耗计算:总损耗=虚拟...原创 2019-10-18 15:01:31 · 805 阅读 · 0 评论 -
DOM如何渲染大量千级万级数据页面也不会卡住-js性能报告
一个例子是创建 WebQQ 的 QQ 好友列表。列表中通常会有成百上千个好友,如果一个好友用一个节点来表示,当我们在页面中渲染这个列表的时候,可能要一次性往页面中创建成百上千个节点。在短时间内往页面中大量添加 DOM 节点显然也会让浏览器吃不消,我们看到的结果往往就是浏览器的卡顿甚至假死。代码如下:var ary = [];for ( var i = 1; i <= 1000; ...原创 2019-10-17 15:26:16 · 1967 阅读 · 0 评论 -
VUE、React中虚拟DOM(virtual DOM)技术 VNode及diff算法介绍
前言前端主流框架 vue 和 react 中都使用了虚拟DOM(virtual DOM)技术,因为渲染真实DOM的开销是很大的,性能代价昂贵,比如有时候我们修改了某个数据,如果直接渲染到真实dom上会引起整个dom树的重绘和重排,而我们只需要更新修改过的那一小块dom而不要更新整个dom,这时使用diff算法能够帮助我们。那什么是虚拟DOM和diff算法呢?虚拟DOM和VNode介绍所谓虚拟...原创 2019-10-17 15:25:03 · 1173 阅读 · 0 评论 -
前端开发使用mversion管理项目版本-NPM包版本号自增、git打包tag版本号自增
前言我们在项目开发中,如果自动化部署是靠打包tag触发构造时,直接使用命令打tag很难记住版本号,那么我们此时选择mversion来自增版本号很是方便!mversion 文件支持package.jsonnpm-shrinkwrap.jsoncomponent.jsonbower.jsonmanifest.json*.jquery.json (jquery plugin files,...原创 2019-10-15 18:47:46 · 1629 阅读 · 0 评论 -
前端微信群号,各种知名互联网前端leader
前端微信群号,各种知名互联网前端leader原创 2019-09-25 18:03:07 · 1120 阅读 · 0 评论 -
十一假期过了,回归工作,高效学习
10月8号了,十一长假已经结束了,该上学的上学,该上班的上班了。七天长假真的是一段非常美好的时光,我们看了阅y兵b,认识了港g乱l,吃了美食,逛了公园,做了许多平时想做却没有时间做的事情。虽然到处仍然是人人人,世界也不够太平,但这并不影响我们保持一份愉悦的心情,既然是放假,开心就好,不必纠结于那些细枝末节。如果我们不想太累,不愿加入人山人海的行列,也可以选择在朋友圈游历大千世界,那里的世界也相当...原创 2019-10-08 09:52:27 · 402 阅读 · 0 评论