【javascript】【定时器】【setTimeout, setInterval】【优化】
2017-01-13 10:50
567 查看
setTimeout, setInterval这两个函数用的比较多,可是对他们并没有深入了解。
今天进行一下总结记录。
主要是和内存相关的,应为定时执行任务可是会一直执行,内存处理不好,程序肯定会崩溃。其实主要是setInterval的问题。
---------------------------------------------------------------------------
可能的操作:
setInterval可能会有回调积累,可以用setTimeout延时递归来解决。
setInterval执行函数里面有死循环。
setInterval频繁操作dom导致页面不断的repaint或者reflow,消耗资源。
setInterval里面不合理使用闭包,变量绑定到全局等。
分享下面的两篇链接
http://www.cnblogs.com/youxin/p/3354924.html
https://developers.google.cn/web/fundamentals/performance/rendering/optimize-javascript-execution?hl=zh-cn
PS:网上有很多大公司团队成员开的网站。
腾讯前端
淘宝前端
等等,也是偶然看见的,没时间一一整理。
今天进行一下总结记录。
主要是和内存相关的,应为定时执行任务可是会一直执行,内存处理不好,程序肯定会崩溃。其实主要是setInterval的问题。
---------------------------------------------------------------------------
可能的操作:
setInterval可能会有回调积累,可以用setTimeout延时递归来解决。
setInterval执行函数里面有死循环。
setInterval频繁操作dom导致页面不断的repaint或者reflow,消耗资源。
setInterval里面不合理使用闭包,变量绑定到全局等。
分享下面的两篇链接
http://www.cnblogs.com/youxin/p/3354924.html
https://developers.google.cn/web/fundamentals/performance/rendering/optimize-javascript-execution?hl=zh-cn
PS:网上有很多大公司团队成员开的网站。
腾讯前端
淘宝前端
等等,也是偶然看见的,没时间一一整理。
相关文章推荐
- 【JavaScript】使用定时器实现Js的延期执行或重复执行setTimeout,setInterval
- Javascript的setTimeOut和setInterval的定时器用法
- Javascript的setTimeOut()和setInterval()的定时器用法
- 【JavaScript】使用定时器实现Js的延期执行或重复执行setTimeout,setInterval
- 理解javascript定时器中的setTimeout与setInterval
- 【JavaScript】使用定时器实现Js的延期执行或重复执行setTimeout,setInterval
- Javascript的setTimeOut()和setInterval()的定时器用法
- JavaScript中的定时器(setTimeout、setInterval) ( 2008-06-04 17:06:08| 分类: jsp+html+js+Ajax)
- Javascript 笔记与总结(2-13)定时器 setTimeout 和 setInterval
- javascript 函数返回值(return)、定时器(setTimeout、setInterval)
- javascript中SetInterval与setTimeout的定时器用法
- Javascript的setTimeOut()和setInterval()的定时器用法
- JavaScript定时器setTimeout()和setInterval()详解
- javascript中SetInterval与setTimeout的定时器用法
- Javascript中setTimeOut和setInterval的定时器用法
- 【JavaScript】使用定时器实现Js的延期执行或重复执行setTimeout,setInterval
- 理解JavaScript定时器:setTimeout和setInterval
- 理解javascript定时器中的setTimeout与setInterval