前端开发规范

  • 前端开发中,不同的开发者有不同的代码编写习惯,但实际项目中是需要协同开发的,想要高效的协同,规定一个大家都能接受的规范就尤为重要。

  • 大公司都有一套自己的成熟的规范,小公司往往因人员不稳定,项目预算不充足的情况下,更注重功能的实现,而忽略代码规范。

  • 小公司的开发规范我觉得可以跟开发框架的选择一样,采用跟随策略,即大厂怎么制定,小公司就怎么定,只需要根据实际情况做些修改和妥协,初步建立起开发规范。

  • 看大厂的开发规范也是提高自己编程能力的一种方式。

一. 阿里 github地址

1.JavaScript规范 文档地址

    1. 类型
    1. 引用
    1. 对象
    1. 数组
    1. 解构
    1. 字符串
    1. 函数
    1. 箭头函数
    1. 类与构造函数
    1. 模块
    1. 迭代器与生成器
    1. 属性
    1. 变量
    1. 提升
    1. 比较运算符与相等
    1. 控制语句
    1. 注释
    1. 空格
    1. 逗号
    1. 分号
    1. 类型转换与强制转换
    1. 命名规范
    1. Get-Set 访问器
    1. 事件
    1. jQuery
    1. ECMAScript 5 兼容性
    1. ECMAScript 6+ (ES 2015+) 风格
    1. 标准库
    1. 测试
    1. 性能

2.React开发规范 文档地址

    1. 基本规则(Basic Rules)
    1. Class vs React.createClass vs stateless
    1. 混合(Mixins)
    1. 命名(Naming)
    1. 声明(Declaration)
    1. 对齐(Alignment)
    1. 引号(Quotes)
    1. 空格(Spacing)
    1. 属性(Props)
    1. 引用(Refs)
    1. 括号(Parentheses)
    1. 标签(Tags)
    1. 方法(Methods)
    1. 排序(Ordering)
    1. isMounted

二. 网易编码规范 文档地址

    1. HTML规范 - 整体结构
    1. HTML规范 - 代码格式
    1. HTML规范 - 内容语义
    1. HTML规范 - 邮件内容
    1. CSS规范 - 分类方法
    1. CSS规范 - 命名规则
    1. CSS规范 - 代码格式
    1. CSS规范 - 优化方案
    1. CSS规范 - 最佳实践
    1. CSS规范 - 典型错误
    1. 工程师规范 - 开发准备
    1. 工程师规范 - 开发过程
    1. 工程师规范 - 开发产出

三. Vue官方规范 文档地址

四. ES6官方规范 文档地址

五. Bootstrap 编码规范 文档地址

六. 凹凸实验室 编码规范 文档地址

前端开发之路无止境,保持永远在学习的路上。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 前端基础规范 开发IDE 1.webstorm 下载地址,需破解激活或直接下载破解版,功能全能强大,自带git版本...
    再见那卑微的再见阅读 477评论 0 4
  • 参考airbnb规范,该规范是airbnb定义的eslint规范,从github上来看,受欢迎程度很高,选择这个做...
    li4065阅读 2,326评论 0 0
  • 一、概述 本规范旨在为前端程序的开发者提供规范化最新的指导,可用于程序员个人编译环境以及研发团队集成环境等场合的代...
    flyinskybiu阅读 3,174评论 0 2
  • 为提高团队协作效率, 便于后台人员添加功能及前端后期优化维护,输出高质量的文档,特制订此文档。 本规范文档一经确认...
    行走的蛋白质阅读 339评论 0 0
  • 团队开发需要遵守一定的开发规范,有效降低bug率,提高维护效率,方便代码review,本章基于Airbnb公司发布...
    EndyJ阅读 771评论 0 0