当前位置:Gxlcms > JavaScript > javascript性能优化之分时函数的介绍

javascript性能优化之分时函数的介绍

时间:2021-07-01 10:21:17 帮助过:2人阅读

本篇文章主要介绍了javascript性能优化之分时函数的介绍,现在分享给大家,也给大家做个参考。

分时函数和函数节流的问题不一样,函数节流针对的事件不是用户主动调用的,前面已经提过了。

函数节流的原理是:延迟当前函数的执行,如果该次延迟还没有完成,那么忽略接下来该函数的请求。也就是说会忽略掉很多函数请求。

在一些开发场景中,我们可能会一次性向文档中注入上千个节点,在短时间内向浏览器中大量添加DOM节点可能会让浏览器吃不消,结果往往会让浏览器卡顿或吃不消,解决方案之一便是使用分时函数(timeChunk)。

timeChunk分时函数让创建节点的工作分批进行,比如一秒钟创建1000个节点,改为每个200ms创建10个节点。具体timeChunk函数封装如下:

应用:

加入我们要在文档中添加1000个节点,可以利用timeChunk分时函数每200ms连续添加20个节点。

上面是我整理给大家的,希望今后会对大家有帮助。

相关文章:

ajax 返回值自动添加pre标签的解决方法

ajax使用不同namespace的action的方法

用ajax实现预览链接可以看到链接的内容

以上就是javascript性能优化之分时函数的介绍的详细内容,更多请关注Gxl网其它相关文章!

人气教程排行