前台开发规范(六、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)
最新发布的资讯信息
【系统环境|】学习web前端开发是正确的选择(2019-09-15 16:55)
【系统环境|】干货整理!零基础html5网站开发学习步骤方法(保存不后悔)(2019-09-10 16:27)
【系统环境|】「前端入门」前端基本概念(2019-09-07 21:36)
【系统环境|】小白入门学习web前端,这些干货不能少(2019-09-05 20:59)
【系统环境|】不是计算机专业,哪个专业更适合学习web前端(2019-09-03 20:31)
【系统环境|】入行web前端开发可以做什么工作(2019-09-02 20:51)
【系统环境|】什么是Web前端呢?为什么说web前端开发人员的薪资高、前景好呢?(2019-08-31 20:55)
【系统环境|】2019年Web前端开发的8个趋势,你知道几个?(2019-08-29 16:23)
【系统环境|】学习web前端,掌握这些,才有底气跟面试官提薪资(2019-08-28 15:23)
【系统环境|】Web前端为什么那么好(2019-08-27 18:20)
手机二维码手机访问领取大礼包
返回顶部