记录看到的一些jquery效率上的问题
2016-02-27 23:47
411 查看
重布局和重绘
当改变样式,而不改变整个页面的几何布局时,将发生重绘,例如 隐藏一个元素,改变一个元素背景
当对页面进行更新,将导致重布局,例如移除元素,添加元素
重布局的代价比重绘更大,因为它涉及DOM/CSS定义,重新计算页面结构等问题
项目中在页面追加几个元素,使用for循环追加,如果每循环一次追加,比循环创建了几个元素在结束后追加更耗性能。
在巨大集合下,jquery中$.each() 会比传统的for更慢, 。记录两点区别,each函数接受函数为参数,所以每一轮循环传教一个新的执行上下文,for则没有。
作用域在循环体的位置.
当改变样式,而不改变整个页面的几何布局时,将发生重绘,例如 隐藏一个元素,改变一个元素背景
当对页面进行更新,将导致重布局,例如移除元素,添加元素
重布局的代价比重绘更大,因为它涉及DOM/CSS定义,重新计算页面结构等问题
项目中在页面追加几个元素,使用for循环追加,如果每循环一次追加,比循环创建了几个元素在结束后追加更耗性能。
在巨大集合下,jquery中$.each() 会比传统的for更慢, 。记录两点区别,each函数接受函数为参数,所以每一轮循环传教一个新的执行上下文,for则没有。
作用域在循环体的位置.
相关文章推荐
- jquery内核解析
- Jquery获取页面的动态元素
- KO和jQuery (或Prototype等)是竞争关系还是能一起使用?
- Jquery对Cookie的操作
- JQuery Uploadify 基于JSP的无刷新上传实例
- jQuery-源码阅读,pushStack()入栈方法
- jQuery源代码学习笔记:jQuery.fn.init(selector,context,rootjQuery)代码具体解释
- asp+jquery+ajax,asp后台程序执行不正常
- 【jQuery】使用JQ来编写面板的淡入淡出效果
- jQuery中deferred、promise对象的使用
- 深入理解jquery新的绑定事件机制on方法的使用
- 用JQuery Ajax 与一般处理程序 请求数据无刷新,以及如何调试错误
- JQuery可以轻松实现数字框
- Jquery $.ajax 解析json
- Jquery滑块展示
- JQUERY下的组件化编程之基本框架
- jqGrid表格多次点击行交替选中的实现
- JavaScript和JQuery获取DIV的值
- jq ajax 基本示例
- [jQuery]ajax请求导致浏览器崩溃