js性能优化之分时函数
来源:互联网 发布:怎么提高淘宝流量 编辑:程序博客网 时间:2024/05/17 04:22
分时函数和函数节流的问题不一样,函数节流针对的事件不是用户主动调用的,前面已经提过了。
函数节流的原理是:延迟当前函数的执行,如果该次延迟还没有完成,那么忽略接下来该函数的请求。也就是说会忽略掉很多函数请求。
分时函数处理的问题是用户主动调用的,比如插入千百个节点
var arr = [];for (var i = 1; i <= 1000; i++) { arr.push(i) //假设arr装载了100个好友数据}var renderFriendList = function(data) { for (var i = 0, l = data.length; i < l; i++) { var div = document.createElement('div'); div.innerHTML = i; document.body.appendChild(div) }}renderFriendList(arr)
分时函数的原理是让创建节点的工作分批进行,比如把1s创建1000个节点,改为每200ms创建8个节点(其实就是一种异步函数的思想)
var timeChunk = function(arr, fn, count) { var obj, t; var len = arr.length; var start = function() { for (var i = 0; i < Math.min(count || 1, arr.length); i++) { var obj = arr.shift(); fn(obj) } }; return function() { t = setInterval(function() { if (arr.length === 0) { return clearInterval(t); } start() }, 200) }}var renderFriendList = timeChunk(arr, function(n) { var div = document.createElement('div'); div.innerHTML = n; document.body.appendChild(div)}, 8)renderFriendList();
0 0
- js性能优化之分时函数
- js性能优化之函数缓存
- js性能优化之函数节流
- js性能优化之惰性加载函数
- JS性能优化 -- 函数节流
- JS性能优化之事件冒泡
- 前端性能之js代码优化点
- 性能优化之YUICompressor压缩JS、CSS
- [js高手之路]性能优化技巧
- JS性能优化之文档碎片创建
- web性能优化之- js自定义函数延迟执行 jquery插件
- Javascript性能优化之 函数节流技术
- JavaScript性能优化技巧之函数节流
- JavaScript性能优化技巧之函数节流
- JS性能之合理利用冒泡机制优化性能
- 前端性能优化之js,css调用优化
- JavaScript分时函数
- js优化之惰性加载函数
- Mac版office软件包(破解版)
- 用函数指针变量做函数的参数
- virtual memory exhausted: Cannot allocate memory
- 页面跳转方法
- web架构延变
- js性能优化之分时函数
- Java访问控制权限
- mybatis详细学习日志
- PLSQL 复制粘贴/专用复制出现乱码
- AndroidStudio使用中的问题记录
- Fibonacci数列构建与时间空间复杂度分析
- 谈谈程序员最讨厌做的事
- Visual Studio 2013怎么把选项卡设置在左侧显示?
- tomcat虚拟目录设置