当前位置: 首页 > Web前端 > HTML

GoodProgrammerWeb前端教程分享JavaScript开发技巧

时间:2023-04-02 13:50:21 HTML

GoodProgrammerWeb前端教程分享JavaScript开发技巧。相信了解Web前端的朋友都不会陌生。Javascript的诸多扩展特性让它变得更加犀利,同时也给了程序员创造更漂亮、更人性化网站的机会,那么新手应该掌握哪些JavaScript开发必备技能呢?下面一起来看看吧。  尽管许多开发人员乐于赞美javascript,但仍有一些开发人员看到了它的阴暗面。  大量使用javascript代码的网页加载速度会很慢,过度使用javascript会使网页变得丑陋和拖沓。如何有效地使用javascript迅速成为一个非常热门的话题。  1。代码尽量简洁  可能大家已经听过N遍代码简洁的问题了。作为开发者你可能在代码开发过程中多次使用它,但是在js开发中不要忘记这一点。  在开发模式下尽量添加注释和空格,保持代码可读性  请在发布到生产环境前删除空格和注释,尽量使用缩写变量和方法名的工具来帮助你实现minifiedjavascript。  2。想了想,修改prototype  为对象prototype添加新的属性是脚本错误的常见原因。  yourObject.prototype.anotherFunction='Hello';  yourObject.prototype.anotherMethod=function(){...}  在上面的代码中,所有变量都会受到影响,因为它们都继承自yourObject。此类使用可能会导致意外行为。所以建议使用后删除类似的修改。  yourObject.prototype.anotherFunction='你好';  yourObject.prototype.anotherMethod=function(){...};  test.anotherMethod();  deleteyourObject.prototype.anotherFunction='你好';  deleteyourObject.prototype.anotherMethod=function(){…};  3.调试Javascript代码  即使是最好的开发者也会犯错。为尽量减少此类错误,请在调试器中运行代码以确保不会遇到任何细微错误。  4。避免使用Eval  你的JS可以在没有eval方法的情况下运行良好。eval允许访问javascript编译器。如果将字符串作为参数传递给eval,则可以计算其结果。  这样会大大降低代码的性能。尽量避免在生产环境中使用eval。  5.最小化DOM访问  DOM是最复杂的API,它会减慢代码执行过程。有时网页可能无法加载或加载不完整。最好避免使用DOM。  6。在使用javascript类库之前学习javascript。强烈建议您在使用第三方库之前学习基本的JS编码,否则,您就准备好倒霉了。  7。不要将“SetTimeOut”和“Setinterval”方法用作“Eval”的替代方法  setTimeOut("document.getID('value')",3000);.getID('value')在setTimeOut方法中被视为字符串。这个类似于eval方法,每次代码执行都会执行一个string,这样会降低性能,所以建议在这些方法中传一个方法。  setTimeOut(你的函数,3000);  8、[]优于newArray();大批。但使用原理很简单:  “当属性名称是连续的小整数时,你应该使用数组。否则,使用对象”——DouglasCrockford,JavaScript的作者:GoodParts。  建议:  vara=['1A','2B'];  避免:  vara=newArray();  a[0]="1A";  a[1]="2B";  9、尽量不要多次使用var  。在初始化每个变量时,程序员习惯于使用var关键字。相反,建议您使用逗号来避免冗余关键字并减少代码大小。如下:  varvariableOne='string1',  variableTwo='string2',  variableThree='string3';  10.不要忽略分号“;”  这往往是大家花费数小时调试的原因之一。