前台开发规范(六、JS优化篇)
来源:看到他请叫他快去学习     阅读:1097
微分网络
发布于 2018-06-18 23:02
查看主页
前台开发规范(六、JS优化篇)

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

性可以优化

避免不必要的 DOM 操作

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

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

缓存数组长度

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

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

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

异步加载第三方内容

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

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

避免用 jQuery 实现动画

  • 禁止用 slideUp/Down() fadeIn/fadeOut() 等方法;
  • 尽量不用 animate() 方法;
免责声明:本文为用户发表,不代表网站立场,仅供参考,不构成引导等用途。 网页前端 JS
相关推荐
几行CSS代码就能令iPhone系统崩溃并重新启动
用栈取代函数递归
FFmpeg常用命令总结
如何查看已经安装的nginx、apache、mysql和php的编译参数
node版本管理工具-nvm-常用命令
首页
搜索
订单
购物车
我的