canvas教程

三个提升网页性能技巧

字号+ 作者:H5之家 来源:H5之家 2017-12-07 14:05 我要评论( )

本文将为关注织梦者的朋友提供的是的三个提升网页性能技巧相关教程,具体实例代码请看下文:1、display属性设置先将元素设为display: none(需要1次重排和重绘)

本文将为关注织梦者的朋友提供的是的三个提升网页性能技巧相关教程,具体实例代码请看下文:

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";

通本学习您是不是更了解html了呢.感谢关注织梦者

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • Javascript如何在网页上实现画图功能

    Javascript如何在网页上实现画图功能

    2017-12-07 09:03

  • 混淆与反编译

    混淆与反编译

    2017-11-28 15:00

  • 学会这个技巧轻松获胜 《装甲战争》遭遇战必胜指南

    学会这个技巧轻松获胜 《装甲战争》遭遇战必胜指南

    2017-11-25 16:37

  • 外套怎么搭配好看?外套的搭配技巧

    外套怎么搭配好看?外套的搭配技巧

    2017-11-22 09:48

网友点评
/