前台开发规范(六、JS优化篇)

摘要:性可以优化避免不必要的 DOM 操作浏览器遍历 DOM 元素的代价是昂贵的。最简单优化 DOM 树查询的方案是,当一个元素出现屡次时,将它保存在一个变量中,就避免屡次查询 DOM 树了。缓存数组长度循环无疑是和 JavaScript 性可以非常相关的一部分。通过存储数组的长度,能有效避免每次循环重新
前台开发规范(六、JS优化篇)

前台开发规范(六、JS优化篇)

性可以优化

避免不必要的 DOM 操作

浏览器遍历 DOM 元素的代价是昂贵的。最简单优化 DOM 树查询的方案是,当一个元素出现屡次时,将它保存在一个变量中,就避免屡次查询 DOM 树了。

前台开发规范(六、JS优化篇)

缓存数组长度

循环无疑是和 JavaScript 性可以非常相关的一部分。通过存储数组的长度,能有效避免每次循环重新计算。

注: 尽管现代浏览器引擎会自动优化这个过程,但是不要不记得还有旧的浏览器。

前台开发规范(六、JS优化篇)

异步加载第三方内容

当你无法保证嵌入第三方内容比方 Youtube 视频或者者一个 like/tweet 按钮能正常工作的时候,你需要考虑使用异步加载这些代码,避免阻塞整个页面加载。

前台开发规范(六、JS优化篇)

避免用 jQuery 实现动画

  • 禁止用 slideUp/Down() fadeIn/fadeOut() 等方法;
  • 尽量不用 animate() 方法;
  • 全部评论(0)
最新发布的资讯信息
【系统环境|】你是HTML 5的一员吗?(2019-08-15 11:58)
【系统环境|】Web前端基础怎么学?html、css、JavaScript 知识架构图(2019-08-14 17:55)
【系统环境|】零基础小白走Web前端之路是否可行?答案是yes!(2019-08-13 11:44)
【系统环境|】你知道Web前端与HTML5技术的区别吗?(2019-08-12 14:10)
【系统环境|】移动前端开发和web前端开发的区别(2019-08-11 16:49)
【系统环境|】给新手的锦囊:Web前端开发小白的学习建议和路线图(2019-08-10 16:34)
【系统环境|】都说web前端开发薪资高,入行就有上万月薪,转行难吗?(2019-08-09 14:55)
【系统环境|】干货教程 | Web前端开发学习入门指南(2019-08-08 18:27)
【系统环境|】前端开发:vue路由之前端路由的原理(2019-08-07 13:17)
【系统环境|】你不知道的web前端那些事(2019-08-06 12:29)
手机二维码手机访问领取大礼包
返回顶部