• 提高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呢

  • 相关阅读:
    Word 语法高亮
    AsyncFileUpload+Editor
    Silverlight QQ
    网页变黑白…
    Accelerator in Internet Explorer 8
    VS2010中文版安装Silverlight4 Tools…
    Win7下要求以管理员权限运行程序
    AjaxControlToolkitSeaDragon
    WebSlices in Internet Explorer 8
    <当和尚遇到钻石>读书笔记
  • 原文地址:https://www.cnblogs.com/ganmk--jy/p/7502491.html
Copyright © 2020-2023  润新知