zoukankan      html  css  js  c++  java
  • 三个提升网页性能技巧

    1、display属性设置
    先将元素设为display: none需要1次重排和重绘),然后对这个节点进行100次操作,最后再恢复显示(需要1次重排和重绘)。这样一来,你就用两次重新渲染,取代了可能高达100次的重新渲染。
    只在必要的时候,才将元素的display属性为可见,因为不可见的元素不影响重排和重绘。另外,visibility : hidden的元素只对重绘有影响,不影响重排。
     
    2、position:absolute/fixed
    position属性为absolute或fixed的元素,重排的开销会比较小,因为不用考虑它对其他元素的影响。
     
    3、不要一条条地改变样式,而要通过改变class一次性地改变样式
    示例代码:
    // bad
    var left = 10;
    var top = 10;
    el.style.left = left + "px";
    el.style.top  = top  + "px";
    
    // good 
    el.className += " theclassname";
  • 相关阅读:
    输入挂
    最长递增子序列nlogn的做法
    lca 倍增模版
    讨厌字符串
    js的事件处理与闭包:
    http
    html的语义化
    js性能优化
    js的缓存
    字面量声明和函数式声明
  • 原文地址:https://www.cnblogs.com/mengfangui/p/7975901.html
Copyright © 2011-2022 走看看