• 3.dom操作 高性能JavaScript


    既然是总结,就不要重复书中内容了,适当总结、扩展、思考。

    访问dom与操作dom是javascript存在的最重要意义。为什么要这么说,因为js就是为浏览器而生的。

    浏览器上的每一个文字图片与布局的存在,都是dom。操作dom代价是昂贵的,因为是两个相当于跨域的操作。

    因此,我们需要在这样的操作中做一些优化。

    1.用变量缓存dom

    2.innerHTML比原生操作更快 ------在最新的浏览器反过来,但是还是用innerHTML比较好。

    3.elemnt集合的length操作是实时的,所以会造成性能问题。也是用变量缓存

    4.用children比childNodes好,也就是说用一些新的dom操作比老的好。

    5.css改变时,会造成重绘,最好的办法是一次将css的改变都做了,而不是el.style.a = "" ;el.style.b = ""

    所以用el.className = "?" 或者用el.style.text = "?" 更好。

    6.document.createDocumentFragment()是文档片段,先将dom的操作或更新用于它,再将它操作进dom更好。

    7.绝对定位也不是一无事处,将会动的动画用绝对定位,会脱离文档流,这样其它dom就不会发生重排。

    8.:hover最好别用。  

    9.事件委托大家都懂的。把很多td发生的事件,绑定到table上。然后记住取消冒泡。

  • 相关阅读:
    app ios info权限配置:
    ionic3 小记录
    mipush ionic3 线上push
    ionic3 生命周期 之 ionViewWillLeave 坑
    iphone X 底部留白 之 ionic3 项目
    微信小程序 修改手机状态栏颜色
    git 命令
    微信小程序 下拉加载
    js 判断浏览器型号
    关于 ionic3 tabs 导航ico 点击 页面返回顶部
  • 原文地址:https://www.cnblogs.com/bugluo/p/2853543.html
Copyright © 2020-2023  润新知