分类

商品

商品

店铺

资讯

热门搜索 : 区块链交易平台推广挖矿 Discuz

最高1000￥代金券

当前位置：首页 > 资讯 > 网页前端 > JS

前台开发规范（六、JS优化篇）

时间：2018-06-18 23:02 作者：看到他请叫他快去学习来源：看到他请叫他快去学习阅读：266
扫一扫，手机访问

摘要：性可以优化避免不必要的 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)

上一篇：通过JS加密文本的web前台三种常见方式，你使用过几个？
下一篇：重学JS（七）——Iterator

最新发布的资讯信息
【系统环境|】学习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)

微分网络

店铺

商品推荐
SEO在线伪原创工具源码在线同义词替换工具源码伪原创代写网站源码
￥100.00
微信小说分销系统源码,相似掌中云系统源码
￥188.00
app store 红包苹果应用商城红包限量100个红包优惠券代金券
￥0.2
360快照logo站点logo网站排名小图标LOGO展示关键词显示出图
￥200.00
千图网图库网站解析源码千库昵图摄图图片下载vip解析源码 9网通...
￥1888.00

资讯排行榜
更多>>

手机访问领取大礼包