前端开发中,不同的开发者有不同的代码编写习惯,但实际项目中是需要协同开发的,想要高效的协同,规定一个大家都能接受的规范就尤为重要。
大公司都有一套自己的成熟的规范,小公司往往因人员不稳定,项目预算不充足的情况下,更注重功能的实现,而忽略代码规范。
小公司的开发规范我觉得可以跟开发框架的选择一样,采用跟随策略,即大厂怎么制定,小公司就怎么定,只需要根据实际情况做些修改和妥协,初步建立起开发规范。
看大厂的开发规范也是提高自己编程能力的一种方式。
一. 阿里 github地址
1.JavaScript规范 文档地址
- 类型
- 引用
- 对象
- 数组
- 解构
- 字符串
- 函数
- 箭头函数
- 类与构造函数
- 模块
- 迭代器与生成器
- 属性
- 变量
- 提升
- 比较运算符与相等
- 块
- 控制语句
- 注释
- 空格
- 逗号
- 分号
- 类型转换与强制转换
- 命名规范
- Get-Set 访问器
- 事件
- jQuery
- ECMAScript 5 兼容性
- ECMAScript 6+ (ES 2015+) 风格
- 标准库
- 测试
- 性能
2.React开发规范 文档地址
- 基本规则(Basic Rules)
- Class vs
React.createClass
vs stateless
- Class vs
- 混合(Mixins)
- 命名(Naming)
- 声明(Declaration)
- 对齐(Alignment)
- 引号(Quotes)
- 空格(Spacing)
- 属性(Props)
- 引用(Refs)
- 括号(Parentheses)
- 标签(Tags)
- 方法(Methods)
- 排序(Ordering)
isMounted
二. 网易编码规范 文档地址
- HTML规范 - 整体结构
- HTML规范 - 代码格式
- HTML规范 - 内容语义
- HTML规范 - 邮件内容
- CSS规范 - 分类方法
- CSS规范 - 命名规则
- CSS规范 - 代码格式
- CSS规范 - 优化方案
- CSS规范 - 最佳实践
- CSS规范 - 典型错误
- 工程师规范 - 开发准备
- 工程师规范 - 开发过程
- 工程师规范 - 开发产出
三. Vue官方规范 文档地址
四. ES6官方规范 文档地址
五. Bootstrap 编码规范 文档地址
六. 凹凸实验室 编码规范 文档地址
前端开发之路无止境,保持永远在学习的路上。