zoukankan      html  css  js  c++  java
  • 提高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呢

  • 相关阅读:
    【Winform】Webservice调用服务器端EXE
    LeetCode: Word Ladder II
    LeetCode: Maximal Rectangle
    Algorithm: 拓扑排序
    Algorithm: 匈牙利算法
    LeetCode: Scramble String
    LeetCode: Integer to Roman
    LeetCode: Roman to Integer
    算法导论:基础知识。
    C++主函数main()讲解
  • 原文地址:https://www.cnblogs.com/ganmk--jy/p/7502491.html
Copyright © 2011-2022 走看看