提升Dom 访问效率

在浏览器中对于Dom的操做和普通的脚本的操做处于两个不一样的dll中,两个dll的交互是比较耗时的,优化对Dom的操做能够提升脚本的执行速度。前端

JS访问DOM是很慢的,尽可能不要用JS来设置页面 布局浏览器

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

杨博,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呢框架

相关文章
相关标签/搜索