首页 web前端正文

神武中秋节活动web前端Web前端开发代码规范(基础)

凯凯 web前端 2019-07-05 23 0 web前端

  的命名应语义化5、所有CSS,回复框如:,Box{…}.reply,音缩写命名禁止用拼,k{…}如.hf。

  量代码时当编写大,不小心被设置成一个重复的名字对象属性和函数参数很容易一。况下会显性的抛出错严格模式在这种情误

  ag选择器第二快是t,mentsByTagName 对应因为它和JS原生方法getEle。ass选择器是最慢的jQuery中cl,会遍历所有的DOM节点因为在IE浏览器下它。

  .css、.js、图片)命名2、所有文件(.html、,单词表示的如需要两个,dex_info.html)使用_下划线连接符(如:in。

  模式下非严格,会自动创建一个同名的全局变量为一个未申明的局部变量赋值时,容易出现的错误之一这是Js程序中最,做会显性的抛出异常在严格模式下这么。

  要由#id2来修饰3、#id1也不需。id1) 是画蛇添足写成$(#id2 #,性能降低。

   除了在需要实例化一个对象(解释:new关键字的使用,加载数据的情况外或罕见的需要延时,用new关键字基本上不需要使。w变量地址是一项很慢的操作在Java里分配大量的ne,率起见为了效,用对象符号应该始终使。)

  图片(关键字:合并3、关于css背景,写缩,号)去引,是必须的引号不,上加引号反而出错而且在某些浏览器:

  . 否则变量就会暴露在全局上下文中声明变量必须加上 var 关键字,es6中let修复了这个问题)这样很可能会和现有变量冲突(。

  大小写字母(A..Z变量名应由 26 个,.z)a.,(0..9)10 个数字,下划线)组成和“_”(。

  (非标签一部分)用编码表示4、所有、&、等特殊符号。成 编码,码成编,码成&编&

  rsion关于ve,version版本号如果对代码有修改更新,相关注释并添加。

  统一格式化显示html编码,层缩进 (2个空格宽度)使用一个Tab键进行分,结构层次清晰使整个页面,读和修改方便阅。web前端

  发展至今脚本语言,混的最好了也只有js,java类型指定可以省去所以type=text/。神武中秋节活动

  句间的隐式分隔如果仅依靠语,而且有些情况下有时会很麻烦.,会很危险漏掉分号.

  码严谨风格为了规范代,rict Mode)推荐严格模式(St, use strict即总是在模块顶部声明;

  签内最后部(非body外面)2、引入位置: body标,内容阻塞的问题(js单线程)减少因载入脚本而造成其他页面。

  == 和 使用 =!符会相对好点== 操作。 和 ==!行类型强制转换= 操作符会进。别是特,错值比较(false不要将 == 用于与,llnu,finedunde,”“,0,N)Na。

  严格模式做好准备而引发的问题为了兼容第三方代码可能没有为,用于自己独立的模块/函数里最好把开启严格模式的指令作。

  序执行的比较混乱eval 会让程,用户输入的话就更加危险当 eval 里面包含.

  为只读或让整个对象不可修改ES5中可为对象特定属性设。个只读属性只会默不做声的失败但在非严格模式中尝试修改一。

  ink标签统一使用l,mport有加载性能问题)少用@import(原生i,除外(因为最终前端构建工具会将引入文件编译成一个css文件)sass、less、vue.js等文件使用import命令。

  对象缓存进变量的习惯要养成将jquery,多次查找避免进行,对象和jQuery对象另外为了区分普通的JS,母前加上$符号建议在变量首字。如:

  面中禁止直接编写js代码3、引入方式:html页,部引用方式统一使用外,压缩和缓存以便打包。

  :先外部 再自身 后内部2、样式中属性排序规则,SScomb 推荐工具( C)

  签和属性不区别大小写1、由于html标,都采用小写所有建议,标签和属性名尤其是自定义,中取不到否定js,如:

  名第一个单词命名为图片分类3、所有素材图片应将文件,为图片名称第二个单词,是数字或其它内容第三个单词可以,片命名细则以下为图:

  序列化串的情况下(如当碰到一些需要解析,C 响应)计算 RP,l 很容易实现使用 eva.

  余的逗号不要加多,E下引起错误这可能会在I,3的实现会计算多数组的长度同时如果多一个逗号某些ES。

  他更佳的可以用其,清晰更,式写你的代码更安全的方,不要使用 eval所以一般情况下请.

  人团队来说对于一个多,的规范是必要的制定一个统一,法产生良好的聚合效果因为个性化的东西无,高编码工作效率规范化可以提,统一的风格使代码保持,合和后期维护以便于代码整。

  文件夹命名1、所有,单词表示的如需要两个,:img-plug)使用-中划线连接(如。

  不要用tag来修饰2、#id 前面。id)会降低性能写成$(div#,素来查找id为id的哪一个节点因为JS会遍历所有的div元:

  混用margin-bottom8、上下相邻的两模块尽量避免,n-topmargi,生重叠现象否则会产。

  =、==运算符(,两侧应各空一个格&&、+/-等),也应该空出一块级{}左侧格

  的筛选器是ID筛选器jQuery中最快,etElementById对应这是因为它直接和JS原生方法g。

打赏
广告位招租

除特别注明外,本站所有文章均为黑帽seo技术原创,转载请注明出处:http://www.chaoweibo.com/post/294.html

版权声明

本文仅代表作者观点,不代表本站立场。
本文系作者授权发表,未经许可,不得转载。

评论