代码规范
总的原则
1:易读性 2:规范性 3:可预见性 4:注释 5:看上去像一个人写的(风格一致)
html规范
属性命名规则:中划线 小写 属性用""
1:加<!> 声明标准文档 2:下一个层 空两个空格
3:闭合标签 4:引入默认type不用写
5:尽量使用语义化标签 6:尽可能减少标签的使用 7:css 按照选择符优先级写样式控制
8:使用兼容模式content = “ IE = Edge ”
9:任何时候都要用尽量小的复杂度和尽量少的标签来解决问题。
css规范
属性命名:使用小写 中划线分隔 scss中的变量,函数,混合,占位采用驼峰命名
1:统一缩进两个空格 2:每个属性生命末尾都要加分号 3:不允许使用!(重要)
4:注释统一使用/* */ 5:在外层使用双引号
6:对于url内容和选择器属性都需要引号
7:颜色16进制用小写字母 尽量简写
8:用border:0代替border:none
9:发布代码中不要有@important 10;少使用*选择器
js规范
比较多
总结就是:
1:统一缩进两个空格
2:加分号 function 循环 返回要带分号
3:注释前标签 要跟空格
4:变量声明放一起,先声明,后使用.避免多次声明。一个变量占一行
5:变量驼峰式命名 (ID URL)变量名全大写 常量全大写,下划线链接 jquery对象以$开头命名
------函数-------------
6:函数'('前不要空格 '{'前一定要有空格
7:立即执行函数必须包一层括号
8:不要给inlie funciton命名
9:参数之间用','分隔,注意逗号后有一个空格
--------数组 对象------------
10:对象属性名不需要加引号 ***
11:对象以缩进的形式书写,不要写在一行
12:数组对象最后不要有逗号
------------------jshint--------
13:用===,!==代替==,!=
14:for-in一定要有hasOwnProperty的判断
15:不要在内置对象的原型上添加方法,如Array,Date
变量不要先使用后声明;
不要在内层作用域的代码里声明了变量,之后却访问到了外层作用域的同名变量
不要在一句代码中单单使用构造函数,记得将其赋值给某个变量;
不要在同个作用域下声明同名变量;
不要在一些不需要的地方加括号,例:delete(a.b);
不要使用未声明的变量(全局变量需要加到.jshintrc文件的globals属性里面);
不要声明了变量却不使用;
不要在应该做比较的地方做赋值;
debugger不要出现在提交的代码里;
数组中不要存在空元素;
不要在循环内部声明函数;
不要像这样使用构造函数,例:new function () { ... }, new Object;
vue规范
1.类命名 采用BEM(block element modifier(修饰符))
2.js 方法命名: 私有方法统一在方法前面加"_",构造函数首字母必须大写
3.每个模板除了公用组件采用class外.业务组件必须存在样式时必须标明id作为唯一标识
4.公用组件命名一般采用class="ec-组件名称"【ec为公司名字开头缩写作为命名空间】
网友评论