`
simon511
  • 浏览: 13546 次
  • 性别: Icon_minigender_1
  • 来自: 苏州
社区版块
存档分类
最新评论
  • me-: 有java的安全,有c的帅气干净利落,好东西groovy
    groovy

优化 javascript 小技巧

阅读更多

1.JavaScript的循环。3种循环:for(;;),while()for( in ). for( in )的效率最差,因为它需要查询Hash键,因此尽量少用for( in ),for(;;)while()循环的性能基本持平.

2.如果需要遍历数组,则应该先缓存数组长度,将数组长度放入局部变量中,以避免多次查询数组长度

3.局部变量的访问速度比全局变量的速度快,因为全局变量其实是全局对象的成员变量,而局部变量是放在函数的栈当中.

4.尽量少使用eval,每次使用eval需要消耗大量的时间。

5.尽量避免对象的嵌套查询,对于obj1.obj2.obj3.obj4这个语句,至少需要进行3次查询操作。应该尽量利用局部变量,将obj4以局部变量保存,从而避免嵌套查询.

6.使用运算符时,尽量使用+=,-=,*=,/=等运算符,而不要进行直接赋值运算

7.当需要将数字转换成字符时,采用如下方式:“”1。从性能上来看,当将数字转换成字符时,有如下公式:(“”1)>String()> .toString() >new String().

8.当需要将浮点数转换成整型时,应该使用Math.floor()或者Math.round(),而不是使用parseInt(),该方法用于将字符串转换成数字。

9。尽量使用Iiteral语法创建对象,即构造对象时,直接使用var obj={...}语法,而不是var obj=new Object,因为前者直接复制,而后者需要调用构造器

10.当需要使用数组时,也尽量使用Iiteral语法,即直接使用如下语法定义数组:{param,param,param,...},而不是采用new Array(param,param,...)这种语法

11.对字符串进行循环操作,例如替换、查找,应使用正则表达式。因为JavaScript的循环速度比较慢,而正则表达式的操作是用C写成的API,性能比较好.

分享到:
评论

相关推荐

    JavaScript小技巧全集 JavaScript教程 JavaScript源代码集

    这个“JavaScript小技巧全集”提供了丰富的教程和源代码,旨在帮助开发者深入理解和掌握JavaScript的各种实用技巧。 首先,我们来看看JavaScript的基本语法。JavaScript是一种弱类型、解释型的语言,它的变量声明不...

    Javascript 性能优化的一点技巧

    ### JavaScript性能优化技巧详解 #### 引言 随着Web应用的日益复杂,JavaScript作为前端开发的核心语言之一,其运行效率直接影响着用户体验与整体性能。因此,掌握一定的JavaScript性能优化技巧对于提升应用程序...

    JavaScript小技巧全集

    这个"JavaScript小技巧全集"涵盖了各种提升开发效率和代码质量的技巧,旨在帮助开发者更好地理解和运用这门语言。 1. 变量声明与作用域: - 使用`let`和`const`代替`var`来避免变量提升和作用域污染。 - 了解块级...

    Javascript小技巧之生成html元素.docx

    7. **JavaScript编程的10个有用小技巧**和**12个特别有用的JavaScript小技巧【推举】**:这两篇文章分别分享了10个和12个实用的JavaScript编程技巧,是进阶学习的好资源。 总的来说,掌握生成HTML元素的技巧对...

    1000个javascript小技巧

    这本名为"1000个JavaScript小技巧"的资源集锦涵盖了各种实用的编程技巧,旨在帮助开发者提升效率,解决实际问题。以下是一些关键的知识点,将从这1000个小技巧中提炼出来: 1. **变量声明与作用域**:了解`var`、`...

    Javascript小技巧一箩筐

    ### JavaScript小技巧精粹 在Web开发领域,JavaScript作为一门不可或缺的编程语言,其灵活性与功能强大性使得它成为前端开发中的核心技能。本文将基于“JavaScript小技巧一箩筐”这一主题,深入探讨一系列实用的...

    javascript小技巧全集

    这个"JavaScript小技巧全集"涵盖了各种实用的编程技巧,旨在帮助开发者提升效率,编写出更优雅、性能更好的代码。无论您是在Windows、MacOS还是Linux等任何操作系统上工作,这些技巧都是通用的。 一、函数与闭包 1....

    JavaScript优化以及前段开发小技巧

    【JavaScript优化以及前端开发小技巧】 前端开发中的性能优化至关重要,因为这直接影响到用户体验和网站的加载速度。本文主要探讨了网络优化和JavaScript优化两个方面,以提高网页加载效率。 一、网络优化 1. ...

    javascript小技巧合集

    标题:javascript小技巧合集 描述:本文将详细介绍一系列实用的JavaScript技巧,这些技巧涵盖了从基本的用户交互到更复杂的页面控制,旨在帮助开发者优化用户体验,增强网站安全性,并提升开发效率。 ### 重要技巧...

    常用的一些javascript小技巧

    本文将深入探讨一系列实用的JavaScript小技巧,帮助开发者提高编码效率,优化用户体验。 #### 事件处理与键盘事件 - **事件目标元素**: `event.srcElement` 或 `event.target`(推荐)可以获取触发事件的目标元素,...

    javascript小技巧归纳

    根据提供的文件信息,我们...以上列举的各项JavaScript小技巧涵盖了从基本的用户交互到更高级的功能实现,对于提高网站的用户体验及安全性都有着重要作用。开发者可以根据实际需求灵活运用这些技巧来优化自己的项目。

    javascript小技巧

    这个"javascript小技巧"的压缩包显然包含了诸多实用的JavaScript技术与窍门,旨在帮助初学者快速上手,同时也为有经验的开发者提供进一步提升技能的资源。以下是基于标题、描述和文件名推测出的一些JavaScript知识点...

    Javascript常用小技巧

    以上这些JavaScript小技巧都是为了提升网页用户体验,简化开发过程,以及增强网页的安全性。然而,需要注意的是,某些技巧可能会限制用户的正常使用,例如禁止右键和复制,这在某些情况下可能不符合用户体验最佳实践...

    JavaScript实用代码小技巧

    在这篇文章中,我们将深入探讨JavaScript中的实用代码小技巧,特别是EcmaScript 5和6(ES5/ES6+)中的一些隐藏特性。这些技巧可以帮助我们更好地进行对象的深拷贝、处理JSON数据、优化数组操作以及利用ES6新增的数据...

    html代码优化原理与技巧

    下面将详细讲解HTML代码优化的原理与技巧。 一、HTML结构优化 1. **语义化标签**:使用如, , , , , 等语义化的标签,有助于搜索引擎理解页面内容,提高SEO效果。 2. **简化DOM树**:避免过多嵌套和不必要的标签,...

    JavaScript性能优化技巧分享共8页.pdf.zip

    以下是一些关键的JavaScript性能优化技巧,旨在提升用户体验,减少页面加载时间,以及优化内存使用。 1. **延迟加载**(Lazy Loading):仅在需要时加载资源,例如图片或脚本,可以显著减少初始页面渲染的时间。...

Global site tag (gtag.js) - Google Analytics