JS效率在页面节点或者元素少的时候很难体现出来。但一旦元素多了,效率问题很容易就出来,特别是IE。
最近修改以前一个项目。可能早期设计时不存在几千个INPUT输入框的情况,所以部分代码写法上没有很好的考虑回流和重绘。
清空INPUT的value值,原来一个个更新。一旦到flush的元素操作动作。一下子就卡住不动了。
因为所有的INPUT都在table中,所以更改了一下方式。
1、先把table通过document获取到
2、把table从document中remove
3、对table中的input操作,这时候不能用getelementbyid了,得用table.getelementsbytagname了。
4、更新input中的value
5、把table节点重新添加到document中。
主要方法代码
- <span style="white-space:pre"> </span>removeToInsertLater:function (element) {
- var parentNode = element.parentNode;//danielinbiti 目前这代码往上比较常见。但对回来来说感觉比visible隐藏显示好使。
- var nextSibling = element.nextSibling;
- parentNode.removeChild(element);
- return function() {
- if (nextSibling) {
- parentNode.insertBefore(element, nextSibling);
- } else {
- parentNode.appendChild(element);
- }
- }
- },
- updateAllAnchors:function (element) {
- var insertFunction = this.removeToInsertLater(element);
- var inputs = element.getElementsByTagName("input");
- var iLength = inputs.length;
- for(var i=0;i<iLength;i++){<pre name="code" class="javascript"><span style="white-space:pre"> </span>inputs[i].value = '';
} insertFunction();},
对于大数据量,不同的处理方式,效率完全不同。原来在ie中是几分钟都出不来,如果有多个scrollLeft=0之类的,估计就卡死了。
但新的方式,几秒钟就能出来。
jQuery教程(19)-jquery ajax操作之序列化表单
jQuery教程(18)-ajax操作之执行POST请求
jQuery教程(20)-jquery ajax + php 操作之为Ajax请求提供不同...
jQuery教程(21)-jquery ajax 回调函数
相关推荐
js编程 js优化 高性能的js编程 js优化 高性能的
wangEditor.js优化版,实现wangEditor本地图片上传、wangEditor本地视频上传函数的构建,部分显示样式bug的调整
javascript、jquery性能优化
threejs性能优化与GPU优化
JS优化_淘宝网.pdf
javascript优化 让你更快的了解JS核心内容
Minify可以按需对JavaScript以及CSS文件进行合并、压缩以及缓存,以加快页面的载入速度。而安装minify则极其简单,只需在网站根目录下上传程序目录即可。
JavaScript优化.docx
JavaScript优化方法
JavaScript优化细节
DIV+JS优化案例,非常酷的拖拽翻页效果.zip
百度地图采用MarkerClusterer生成聚合点,解决海量点造成地图卡顿的问题,但是点过多时还是会卡,这是优化后的文件
js优化策略
html5.js 代码优化
用 JS 编写的粒子群优化库。适用于RequireJS,来自WebWorker,在node.js或普通浏览器环境中。 示例应用程序 simple优化一维函数的简单应用程序 simple-require和simple一样,除了使用 RequireJS simple-node一个...
js日历控件优化,含时分秒,年月日,很好用,,js日历控件优化,含时分秒,年月日,很好用,,js日历控件优化,含时分秒,年月日,很好用,,
js优化1
全书共7章,内容从逻辑上大致可以分为两大类:第一类,偏向实践,围绕HTML、CSS、JavaScript等传统前端技术,以及PWA等新兴前端技术,讲解如何进行HTML优化、CSS优化、JavaScript优化、页面优化等,以此帮助前端...
百度地图markerClusterer.js在别人修改聚集方式的基础上修改了,聚集点的点击事件,解决了大量marker时卡顿情况,并将聚集点的点击事件修改为:在以点击的marker为中心点,zoom视野距离扩大一级
javascript性能优化javascript性能优化