DEMO:
var testobj = document.getElementById("test");
for(var i=0;i<testobj.childNodes.length;i++){
var oText = testobj.childNodes[i].innerHTML;
if(oText==""){
alert("Item "+i+" is null");
}
}
该例主要是看内存的分配,重点优化应该是将循环中的定义变量操作放到循环外,这样就不会重复分配内存空间;另外一些优化可以考虑递减循环操作,循环外定义变量i的值,如下:
var testobj = document.getElementById("test");
var oText = "";
var i = testobj.childNodes.length;
for(;i>-1;i--){
oText = testobj.childNodes[i].innerHTML;
if(oText==""){
alert("Item "+i+" is null");
}
}
M2说testobj.childNodes[i].childNodes比testobj.childNodes[i].innerHTML快,暂且不提;
月MM说,关键的问题是循环体内没有必要对oText重复初始化,而不是重复声明;因为for不是一个scope,对于js来说;但是对于其他一些语言如C或者Java显然是有区别的;
注:
第一个是每一次循环都组合collection
第二个可省掉组装collection
MS推荐用nextSilbing来循环,这样操作其中的node是最快的
分享到:
相关推荐
标题“JS优化_淘宝网.pdf”和描述“JS优化_淘宝网...但从上述的点可以看出,淘宝网在进行JavaScript优化时可能会考虑上述多方面的技术和方法。通过综合运用这些技术手段,可以极大程度上提升网站的加载速度和用户体验。
JavaScript 优化 JavaScript 作为一种脚本语言,广泛应用于 web 开发中,然而随着项目的复杂度增加,JavaScript 代码的性能问题不可忽视。因此,JavaScript 优化变得非常重要。本文将从多个方面对 JavaScript 优化...
wangEditor.js优化版,实现wangEditor本地图片上传、wangEditor本地视频上传函数的构建,部分显示样式bug的调整
JavaScript优化是提升网页性能的关键步骤,尤其是在现代网页开发中,JavaScript的作用越来越大,但它对搜索引擎的友好性和页面加载速度都有直接影响。下面将详细讨论JavaScript优化的一些关键策略。 首先,...
2. JavaScript优化:包括代码重构、消除冗余、算法优化等,旨在提高代码执行效率和加载速度。 3. UglifyJS:JavaScript压缩工具,能够混淆代码、删除空格和注释,减小文件大小。 4. 混淆代码:通过去除或加密汉字...
本文将详细讨论针对IE6.0起作用的js优化方法,包括字符串拼接、for循环优化、减少页面重绘、作用域链查找优化和避免双重解释等方面。 首先,关于字符串拼接的优化,原始的字符串拼接通常使用+=操作符,这种做法在...
这个优化版的游戏主要基于JavaScript(js)开发,因此,我们将深入探讨JavaScript在游戏开发中的应用,以及成语游戏可能涉及的编程技术。 JavaScript是一种广泛用于网页和网络应用的脚本语言,它在浏览器环境中执行...
threejs性能优化与GPU优化
JavaScript 优化方法 本文将详细讲解 JavaScript 优化方法,以提高网站性能。作为一名网站开发 Web 前端工程师,对自己开发的网站项目应该尽可能地对其性能进行优化。本文将着重分析 JavaScript 的优化细节。 一、...
"js日历控件优化"的焦点在于提升用户体验、性能以及兼容性,使其更易用且适应不同场景。这里我们将深入探讨如何优化JavaScript日历控件,特别是那些包含时分秒选择,以及支持年月日显示的组件。 1. **性能优化**:...
html5.js 代码优化
首先,JavaScript优化主要包括以下几个方面: 1. **代码重构**:通过减少冗余代码,提高代码可读性和可维护性,避免不必要的计算和DOM操作。 2. **缓存利用**:使用变量存储重复计算的结果,或者利用浏览器缓存机制...
标题:JS性能优化框架 描述:本文将深入探讨三种高效的JS框架,旨在通过采用先进的技术和策略来提升网页应用的性能。这些框架不仅能够优化资源加载流程,还能够改善代码执行效率,从而为用户提供更流畅、更快捷的...
JavaScript(简称JS)是一种广泛用于网页和网络应用的编程...总的来说,这个项目是一个很好的学习和实践JavaScript懒加载技术的例子,通过它,你可以了解到如何有效地利用JavaScript优化网页性能,提高用户浏览体验。
全书共7章,内容从逻辑上大致可以分为两大类:第一类,偏向实践,围绕HTML、CSS、JavaScript等传统前端技术,以及PWA等新兴前端技术,讲解如何进行HTML优化、CSS优化、JavaScript优化、页面优化等,以此帮助前端...
在IT行业中,优化JavaScript(js)和CSS(css)是提升网页性能的关键步骤。这两个文件类型对于网页的呈现和交互性至关重要,但未优化的代码可能会导致加载速度慢,影响用户体验。下面,我们将深入探讨js和css优化的...
例如,Google的Closure Compiler是一个著名的JavaScript优化器,它将源代码转化为更高效的等效版本。Closure Compiler有三个编译级别:简单优化(SIMPLE)、高级优化(ADVANCED)和Whitespace Only,其中高级优化能...
用 JS 编写的粒子群优化库。适用于RequireJS,来自WebWorker,在node.js或普通浏览器环境中。 示例应用程序 simple优化一维函数的简单应用程序 simple-require和simple一样,除了使用 RequireJS simple-node一个...