导航:首页 > 编程语言 > 前端高质量js规范

前端高质量js规范

发布时间:2023-02-14 13:07:40

1. 怎样才可以写出高质量的js代码

编写可维护的代码

软件的BUG修复需要花费大量的精力。尤其当代码已经发布之后,随着时间的增长,维护的成本愈发的高。当你一发现BUG的时候,就立即去修复,这时候你的代码还是热乎的,你也不需要回忆,因为就是刚刚写好的。但是当你做了其他任务,几乎完全忘记了这份代码,这时候就需要:

河南新华

2. 做前端开发工作,js中对哪些哪些技术点要求较高,实际开发中用js经常做些什么东西 css要求有如何

实际开发中为了效率,公司都有采用一些js库,如jquery、prototype等,这方面可以学一学,前端个人总结js对文档操作、后台数据交互、组件开发用得比较多,配合做一些计算和特性等,js能做的东西也很多,要必须不断积累;css则必须轻车熟路,能配合美工做出优美的界面、对全局和细节的精确掌控,还有救是浏览器的兼容性则是css的重点。

3. Web前端工程师要知道的JavaScript变量命名规范

今天小编要跟大家分享的文章是关于Web前端工程师要知道的JavaScript变量命名规范,正在从事Web前端工作的小伙伴们来和小编一起看一看吧,希望本篇文章能够对大家有所帮助。


JavaScript变量命名规范:只能由英语字母、数字、下划线、美元符号$构成,且不能以数字开头,并且不能是JavaScript保留字。

下列都是非常正确的变量命名:


varhaha=250;


varxixi=300;


vara1=400;


vara2=400;


varabc_123=400;


var$abc=999;


var$o0_0o$=888;


var$=1000;


var_=2000;


var________=3000;


下列都是错误的命名:


vara-1=1000;//不能有怪异符号


vara@=2000;//不能有怪异符号


var2year=3000;//不能以数字开头


vara¥=4000;//不能有怪异符号


vara*#$#$@=5000;//不能有怪异符号


varab=300;//不能有空格


下列的单词,叫做保留字,就是说不允许当做变量名


abstract、boolean、byte、char、class、const、debugger、double、enum、export、extends、final、float、goto


implements、import、int、interface、long、native、package、private、protected、public、short、static、super、synchronized、throws、transient、volatile


需要注意大写字母是可以使用的,并且大小写敏感。也就是说A和a是两个变量。


1varA=250;


2vara=888;


以上就是小编今天为大家分享的关于Web前端工程师要知道的JavaScript变量命名规范的文章,希望本篇文章能够对正在从事Web前端工作的小伙伴们有所帮助。想要了解更多Web前端知识记得关注北大青鸟Web培训官网。最后祝愿小伙伴们工作顺利!


4. 学习Web前端要知道的JavaScript基础语法规则

今天小编要跟大家分享的文章是关于学习web前端要知道的JavaScript基础语法规则。俗话说,“无规矩不成方圆”。用在计算机语言上也同样使用。每种计算机语言都有自己的语法规则,只有遵循语法规则才能写出符合要求的代码。JavaScript也不例外,在使用JavaScript语言时,需要遵循某些语法规则,如执行顺序、大写和注释规范。下面我们就以来介绍下,JavaScript基础语法规则。

1.按从上到下的顺序执行


JavaScript程序按照在HTML文档中的排列顺序逐行执行。如果代码(例如函数、全局变量等)需要在整个HTML文件中使用,最好将这些代码放在HTML文件的标记中。


2.区分大小写字母


JavaScript严格区分字母大小写。也就是说,在输入关键字、函数名、变量以及其他标识符时,都必须采用正确的大小写形式。例如,变量username与变量UserName是两个不同的变量。


3.每行结尾的分号可有可无


JavaScript语言并不要求必须以分号“;”"作为语句的结束标记。如果语句的结束处没有分,JavaScript会自动将该行代码的结尾作为整个语句的结束。例如,下面两行示例代码,虽然第一行代码结尾没有写分号,但也是正确的。(注意:书写JavaScript代码时,为了保证代码的严谨性、准确性,最好在每行代码的结尾加上分号。)


alert


alert


4、注释规范


使用JavaScript时,为了使代码易于阅读,需要为
JavaScript代码加一些注释。JavaScript代码注释和CSS代码注释方式相同,也分为单行注释和多行注释,示例代码如下:


//我是单行注释


/*


我是多行注释1


我是多行注释2


我是多行注释3


*/


以上就是小编今天为大家分享的关于学习web前端要知道的JavaScript基础语法规则的文章,希望本篇文章能够对正在从事会计相关工作的小伙伴们有所帮助。想要了解更多会计相关知识记得关注北大青鸟web培训官网。最后祝愿小伙伴们工作顺利成为一名优秀的web前端工程师!


5. js前端调试的几个小技巧

1. debugger;

我以前也说过,你可以在JavaScript代码中加入一句debugger;来手工造成一个断点效果。

需要带有条件的断点吗?你只需要用if语句包围它:

if(somethingHappens){
debugger;
}

但要记住在程序发布前删掉它们。

2. 设置在DOM node发生变化时触发断点

有时候你会发现DOM不受你的控制,自己会发生一些奇怪的变化,让你很难找出问题的根源。

谷歌浏览器的开发工具里有一个超级好用的功能,专门可以对付这种情况,叫做“Break on…”,你在DOM节点上右键,就能看到这个菜单项。

断点的触发条件可以设置成这个节点被删除、节点的属性有任何变化,或它的某个子节点有变化发生。

3. Ajax 断点

XHR断点,或Ajax断点,就像它们的名字一样,可以让我们设置一个断点,在特点的Ajax调用发生时触发它们。

当你在调试Web应用的网络传输时,这一招非常的有效。

tumblr_inline_n1s7ceQ08c1r2

4. 移动设备模拟环境

谷歌浏览器里有一些非常有趣的模拟移动设备的工具,帮助我们调试程序在移动设备里的运行情况。

找到它的方法是:按F12,调出开发者工具,然后按ESC键(当前tab不能是Console),你就会看到第二层调试窗口出现,里面的Emulation标签页里有各种模拟设备可选。

当然,这不会就变成了真正的iPhone,只是模拟了iPhone的尺寸,触摸事件和浏览器User Agent值。

tumblr_inline_n1s71kb2NL1r2

5. 使用Audits改进你的网站

YSlow是一个非常棒的工具。谷歌浏览器的开发者工具里也有一个非常类似的工具,叫Audits。

它可快速的审计你的网站,给你提出非常实际有效的优化你的网站的建议和方法。

6. 前端开发,如何写出优秀js代码

每位前端工程师都喜欢易理解、可扩展、易维护的代码,如何写出优秀的JavaScript代码,也是每位前端工程师的功课。如何才能写出优秀的JavaScript代码呢?
1.写代码前一定要搞清楚你要解决的问题是什么,你的方案是否能够解决问题。
2.拥有良好的命名规范,注意变量名区分大小写,允许包含字母、数字、美元符号($)和下划线,但第一个字符不允许是数字,不允许包含空格和其他标点符号。
3.多写代码注释。编写代码时的注释应当尽量全面一些,这便于自己再次浏览代码时好理解。
4.能不使用with语句的时候尽量不要使用with语句,尽量少使用eval ,每次使用eval需要消耗大量时间。
拥有一手好代码的前端开发者,更具有大神风范,所以好代码不仅要精炼,更要易读。

阅读全文

与前端高质量js规范相关的资料

热点内容
马兰士67cd机版本 浏览:542
javaweb爬虫程序 浏览:537
word中千位分隔符 浏览:392
迷你编程七天任务的地图怎么过 浏览:844
word2003格式不对 浏览:86
百度云怎么编辑文件在哪里 浏览:304
起名app数据哪里来的 浏览:888
微信怎么去泡妞 浏览:52
百度广告html代码 浏览:244
qq浏览器转换完成后的文件在哪里 浏览:623
jsp中的session 浏览:621
压缩完了文件去哪里找 浏览:380
武装突袭3浩方联机版本 浏览:674
网络机顶盒移动网络 浏览:391
iphone手机百度云怎么保存到qq 浏览:148
数据库设计与实践读后感 浏览:112
js对象是什么 浏览:744
网页文件存pdf 浏览:567
文件夹正装 浏览:279
刚复制的文件找不到怎么办 浏览:724

友情链接