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呢

  • 相关阅读:
    js原型链
    charles重放攻击2
    charles攻击重放测试网页
    js逆向基础知识
    js重放攻击
    js逆向之 中间人攻击-js注入
    修改jadx默认内存
    frida-ida hook操作
    关于ios 9系统完全越狱frida安装不上的的问题
    IDA 静态调试和动态调试
  • 原文地址:https://www.cnblogs.com/ganmk--jy/p/7502491.html
Copyright © 2011-2022 走看看