前端开发之JavaScript优化

技术前端开发之JavaScript优化 前端开发之JavaScript优化?
JavaScript的高效优化一直都是我们前端开发中非常重要的工作,也是很多开发人员无法做好的一部分内容,今天我总结了10个

针对前端开发的JavaScript优化

JavaScript的高效优化一直都是我们前端开发中非常重要的工作,也是很多开发人员无法做好的一部分内容,今天我总结了10个优化问题,大家可以参考来做优化,很多问题都是大家常遇到的。

==和===的区别

您应该避免在if和while条件选择语句的条件判断部分赋值,例如if (a=b),它应该写成if (a==b)。但是,如果比较相等,最好使用同余运算符,即使用==和!==运算符比较==和!=会更好。因为==和!=运算符执行强制转换。

不要使用生偏语法

不要使用有偏见的语法,写一些混乱的代码。虽然在java培训,计算机可以正常识别和运行,但混乱的代码不便于以后的维护。

函数返回统一类型

JavaScript虽然类型较弱,但在函数中,前面返回的是整数数据,后面返回的布尔值可以正常编译运行,但为了标准化和后期维护,要保证函数返回统一的数据类型。

总是检查数据类型

检查您的方法传入的参数,一方面是安全的,另一方面是实用的。在任何时候,用户都有可能误操作传入的错误数据。这不是因为他们的问题,而是因为他们的思维方式和使用习惯与你不同。因此,您可以使用typeof方法来帮助您检查函数接受的参数是否合法。

何时用单引号,何时用双引号

在JavaScript中,虽然双引号和单引号都可以用来表示字符串,但是为了避免混淆,我们建议在HTML中使用双引号,在JavaScript中使用单引号。但是,为了兼容所有浏览器,避免解析错误,最好在定义JSON对象时使用双引号。

删除DOM节点

在删除DOM节点之前,记得删除节点上注册的事件,无论是通过observe还是attachEvent注册的,否则会有不可恢复的内存。此外,尽量在removeChild和innerHTML=' '之间选择第二个,因为screen(内存泄漏监控工具)中的监控结果是removeChild无法有效释放DOM节点。

多个类型声明

在JavaScript中,所有的变量都可以用单个var语句来声明,这是一个组合语句,可以减少整个脚本的执行时间。

插入迭代器

如var name=values[I];我;这两个语句可以写成var name=values[i]

浮点数转换成整型

很多人经常喜欢用parseInt()来转换成整数。事实上,parseInt()用于将字符串转换为整数,而不是在浮点数和整数之间转换。我们应该使用Math.floor()或Math.round()进行浮点整数转换。

避免双重解释

为了提高代码性能,尽量避免需要根据JavaScript解释的字符串,也就是说

1.尽可能少使用eval函数

使用eval相当于在运行时调用解释引擎再次运行内容,这需要花费大量时间。同时,使用Eval带来的安全问题也不容忽视。

2.不使用Function构造器

不要将字符串参数传递给setTimeout或setInterval。

最后,建议大家千万不要忽视代码优化工作。重构是一项从项目开始到结束的持续工作。只有不断优化代码,才能让代码的执行效率变得越来越好。

作者:WEB前端老李

内容来源网络,如有侵权,联系删除,本文地址:https://www.230890.com/zhan/124352.html

(0)

相关推荐

  • volte是什么意思,volte被叫什么意思

    技术volte是什么意思,volte被叫什么意思VOLTE即Voice over LTEvolte是什么意思,是一种IP数据传输技术,能够允许您在拨打电话的同时,使用手机的4G网络上网,此外它还能提供更快的拨通速度以及更

    生活 2021年11月1日
  • iOS中NSPredicate谓词的使用方法是什么

    技术iOS中NSPredicate谓词的使用方法是什么本篇内容介绍了“iOS中NSPredicate谓词的使用方法是什么”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处

    攻略 2021年11月4日
  • 怎么使用JavaScript中的sort

    技术怎么使用JavaScript中的sort本篇内容主要讲解“怎么使用JavaScript中的sort”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“怎么使用JavaScrip

    攻略 2021年11月20日
  • 正三棱柱的性质,正三棱柱与直三棱柱有区别吗

    技术正三棱柱的性质,正三棱柱与直三棱柱有区别吗根据三棱柱的基本性质和分类,可知正三棱柱和直三棱柱的区别为底面不同正三棱柱的性质、侧面不同、范围不同,具体区别如下:1、棱柱的底面不同正三棱柱的底面是全等的正三角形,直三棱柱

    生活 2021年10月30日
  • 能歌善舞近义词,“长袖善舞”指人能歌善舞吗

    技术能歌善舞近义词,“长袖善舞”指人能歌善舞吗“长袖善舞”语出《韩非子。五蠹》:“治强不可贵于外能歌善舞近义词,内政之有也。 今不行法术于内,而事智于外,则不至于治强矣。鄙谚曰:‘长袖善舞,多钱善贾。’此言多资之易为工也

    生活 2021年10月27日
  • 抖音刷赞推广平台便宜,全网最便宜的平台!

    技术抖音刷赞推广平台便宜,全网最便宜的平台!抖音快速涨粉方法抖音无疑是目前新媒体里面涨粉最容易,涨粉最快的平台了。前有成都小甜甜一夜涨粉500万,后有灵魂当铺一天涨粉75万。这种涨粉速度在其他平台是想都不敢想象的。不过,

    测评 2021年11月9日