前端开发规范

代码规范

总的原则

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为公司名字开头缩写作为命名空间】

你可能感兴趣的:(前端开发规范)