充值网站分销站怎么做,网络组建与配置 2018版清华大学出版社,友の 连接,学做网站论坛教程下载1、display属性设置
先将元素设为
display: none#xff08;需要1次重排和重绘#xff09;#xff0c;然后对这个节点进行100次操作#xff0c;最后再恢复显示#xff08;需要1次重排和重绘#xff09;。这样一来#xff0c;你就用两次重新渲染#xff0c;取代了可能高…1、display属性设置
先将元素设为
display: none需要1次重排和重绘然后对这个节点进行100次操作最后再恢复显示需要1次重排和重绘。这样一来你就用两次重新渲染取代了可能高达100次的重新渲染。只在必要的时候才将元素的display属性为可见因为不可见的元素不影响重排和重绘。另外
visibility : hidden的元素只对重绘有影响不影响重排。2、position:absolute/fixed
position属性为absolute或
fixed的元素重排的开销会比较小因为不用考虑它对其他元素的影响。3、不要一条条地改变样式而要通过改变class或者csstext属性一次性地改变样式。 // bad
var left 10;
var top 10;
el.style.left left px;
el.style.top top px;
// good
el.className theclassname;
// good
el.style.cssText ; left: left px; top: top px;; 以上参考阮一峰技术博客http://www.ruanyifeng.com/blog/2015/09/web-page-performance-in-depth.html
