利用虚拟dom提升优化页面渲染

应用背景

组里使用的前端框架View模拟Vue基础功能(为了在ie78中使用),同时跟移动端运用的Vue写法相似,可以提高开发效率。View基础功能是通过jq+underscore实现的(兼容ie),目前的render和repaint都是通过jq的html功能实现,由于页面数据改变次数较多,会导致页面重构重绘压力很大

相关技术

Pure-JavaScript-HTML5-Parser
simple-virtual-dom
htmlStr2svd

实现原理

image.png

页面结果

页面render和repaint的时间会有明显的缩短,当然虚拟dom的diff对比会造成额外的js运行,对比之下render和repaint对页面的开销会减少与额外js增加的开销

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 转载 :OpenDiggawesome-github-vue 是由OpenDigg整理并维护的Vue相关开源项目库...
    果汁密码阅读 23,176评论 8 124
  • ​ 转眼,从北京回来已经一个多月了。在这一个月里,亲朋好友们对妮子说的最多的一句话就是:“你咋就突然回来了呢?”,...
    淘米日记本阅读 265评论 0 0
  • 1. 缘起到旅行社报名时,工作人员告诉我,到俄罗斯的观光客大都由两部分人构成:一是对前苏联有情结的中老年人,二...
    纾凝阅读 502评论 0 5
  • 今晚,又点开了secret garden的音乐,很喜欢在夜晚欣赏secret garden,忧伤的乐曲适合静静的夜...
    lansing_wu阅读 228评论 0 1