没有合适的资源?快使用搜索试试~ 我知道了~
JavaScript优化方法.doc
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 48 浏览量
2022-06-09
16:17:54
上传
评论
收藏 32KB DOC 举报
温馨提示
试读
3页
JavaScript优化方法
资源推荐
资源详情
资源评论
JavaScript 优化方法
作为一名网站开发 Web 前端工程师,对自己开发的网站项目应该尽可能地对其性能
进行优化,现在互联网上搜索到的网站性能优化多是翻译转载自 Yahoo14 条或 34 条。
Yahoo 的优化建议关注在大的方面,而本文将着重分析 JavaScript 的优化细节。
一、避免出现脚本失控
不论什么脚本,在任何时间、任何浏览器上执行,都不应该超过 100 毫秒。如果实际
执行的时间长于这个底限,一定要将进程分解成若干更小的代码段。脚本失控基本上有以
下四个方面的原因:
1. 在循环中执行了太多的操作
解决这个问题的诀窍就是用下面这两个问题来评估每个循环:
◆这个循环必须要同步执行么?
◆循环里面的数据,必须要按顺序执行么?
如果 1 和 2 都可以否定,那么建议使用 setTimeout 方式将循环体切分成小块进行异
步处理,将循环中的定义变量及初始化操作放到循环外。
2. 臃肿的函数体
在 JavaScript 中,我们应该尽可能的用局部变量来代替全局变量!
◆理解 JavaScript 作用域链。
◆理解原型链。
3. 过多的递归
使用迭代方式替代递归,采用 memoization 技术优化递归,斐波那契数列的递归算
法优化。
4. 过多的 DOM 调用
在 Web 开发中,JavaScript 的一个很重要的作用就是对 DOM 进行操作。可你知道
么?对 DOM 的操作是非常昂贵的,因为这会导致浏览器执行回流(re"ow)操作。而执
行了过多的回流操作,你就会发现自己的网站变得越来越慢了。我们应该尽可能的减少
DOM 操作。回流操作主要会发生在几种情况下:
◆改变窗体大小。
◆更改字体。
◆添加移除 stylesheet 块。
◆内容改变哪怕是输入框输入文字。
◆CSS 虚类被触发如 :hover。
◆更改元素的 className。
资源评论
oligaga
- 粉丝: 50
- 资源: 2万+
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功