提高Dom 访问效率

在浏览器中对于Dom的操作和普通的脚本的操作处于两个不同的dll中,两个dll的交互是比较耗时的,优化对Dom的操作可以提高脚本的执行速度。

JS访问DOM是很慢的,尽量不要用JS来设置页面 布局

有些人在学习 ReactJS 或者 AngularJS 时,需要学习 key 、 shouldComponentUpdate 、$apply 、 $digest 等复杂概念。这些概念在 Binding.scala 中根本不存在。因为 Binding.scala 的 @dom 方法描述的是变量之间的关系。所以,Binding.scala 框架知道精确数据绑定关系,可以自动检测出需要更新的最小部分。
结论
本文比较了虚拟 DOM 、脏检查和精确数据绑定三种渲染机制

杨博,Binding.scala作者,简称杨
尤雨溪,Vue.js的作者,简称尤
贺师俊, 犀利的技术批评者,前端技术资深专家,简称贺
杨称,用Binding.scala写的程序所需代码行数不到ReactJS的三分之一,甚至比以简洁著称的Vue.js还要短。
尤还以颜色,用Vue.js重新写了一个135行的TodoMVC新版本,比Binding.scala还短。
杨随后贴出了122行的Binding.scala版TodoMVC。
尤没有跟进更短的版本,但他指出122行的Binding.scala版TodoMVC,要比Vue.js字符数多30%。
杨认为Vue.js字符数少的代价是API更臃肿。Vue.js 90%的API,在Binding.scala用一个函数就可以全部代替。
TodoMVC官方版 Vue.js • TodoMVC
TodoMVC官方版 Binding.scala • TodoMVC
135行的新版 Vue.js • TodoMVC
122行的新版 Binding.scala • TodoMVC
在前端技术大爆炸的今天,大家怎么看待这场代码PK呢

posted @ 2017-09-10 21:50  保安保洁保姆外卖快递  阅读(255)  评论(0编辑  收藏  举报