美文网首页book
前端开发规范

前端开发规范

作者: 该昵称注册中 | 来源:发表于2018-05-12 18:20 被阅读0次

代码规范

总的原则

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

相关文章

  • 移动前端开发规范(一般规范)

    系列目录 移动前端开发规范(一般规范)移动前端开发规范(技术栈规范)移动前端开发规范(HTML规范)移动前端开发规...

  • 前端入门必知开发规范

    本文主要从以下几个方面来概述前端的开发规范 1. 目录构建规范 2. 前端命名规范 3. 前端工作规范 4. 开发...

  • web前端的开发规范比较重要的知识点

    本文主要从以下几个方面来概述前端的开发规范 1. 目录构建规范 2. 前端命名规范 3. 前端工作规范 4. 开发...

  • 好程序员web前端分享前端的开发规范

    本文好程序员主要从以下几个方面来概述前端的开发规范 1.目录构建规范 2.前端命名规范 3.前端工作规范 4.开发...

  • 前端规范

    常用html、CSS、javascript前端命名规范无论是从技术角度还是开发视角,对于web前端开发规范文档都有...

  • 前端开发规范

    前端代码规范 Front Standard Guide 前端 JS 项目开发规范 规范的目的是为了编写高质量的代码...

  • 前端工程涉及八个比较大的分类:

    组织架构:前端开发规范和架构设计,包括模块化/组件化开发模型、开发框架、目录规范、组织形式等。 工程部署:有关前端...

  • 前端规范

    前端规范 规范说明 此为前端开发团队遵循和约定的代码书写规范,意在提高代码的规范性和可维护性。此规范为参考规范,统...

  • 前端架构之路(3) - 前端开发规范

    前端开发规范 1. 为什么需要 “前端开发规范” 规范不是强制性的,对代码的编写和程序的运行不会有致命的问题,但是...

  • web 前端开发规范

    web 前端开发规范 web 前端开发规范的意义 提高团队的协作能力 提高代码的复用利用率 可以写出质量更高,效率...

网友评论

    本文标题:前端开发规范

    本文链接:https://www.haomeiwen.com/subject/qgehdftx.html