前端开发规范手册（命名、HTML、CSS、JS、ES六、React）

时间 2019-11-08

标签前端开发规范手册命名 html css react 栏目 HTML 繁體版

原文原文链接

简介

前端开发规范手册（命名、HTML、CSS、JS、ES六、React）完整连接，欢迎给出您的宝贵意见；javascript

GitHub源码地址，要是以为文档还能凑合着看，欢迎 star ~css

本文首发于个人我的博客：blogs.niceboybao.com/html

原文连接：：blogs.niceboybao.com/2019/03/05/…前端

不以规矩，不能成方圆。对于团队而言，统一很重要，代码是写给人看的，而后顺便跑在机器上而已。vue

有过忧虑吗

你是否是老是在抱怨项目组的各方面不统一，很差维护，千奇百怪？java

你是否是每次提交代码的时候总要拉某某人过来看下各类冲突？react

你是否是每次merge代码的时候总要话很长的时间去解决不一样格式的代码冲突？git

你是否是有时候为了解决一个bug好几天没睡好，最终定位的问题也许是一个分号、或是书写规范？人人都在恐慌，人人都在责怪他人，但却不知，换了好几个项目都是相似，想过为何吗？程序员

规范的意义

每一种事物都有它被发明时，都会有其用处和目的，每个事物都是本身擅长和适合的领域；咱们要在对的地方使用它，让它作本身擅长的事。github

规范的代码能够促进团队合做；
规范的代码能够减小bug处理；
规范的代码能够下降维护成本；
规范的代码有助于代码审查；
养成代码规范的习惯，有助于程序员自身的成长；

规范的目的

咱们知道，当一个团队开始指定并实行编码规范的话，错误就会变得更加显而易见。若是一段特定的代码不符合规范的话，它有可能只是代码风格错误，而也有可能会是 bug。早期指定规范就使得代码审核得以更好的开展，而且能够更精确的地定位到错误。只要开发者们可以保证源代码源文件都严格遵循规范，那接下去所使用的混淆、压缩和编译工具则可投其所好不尽相同。为了提升工做效率，便于后台人员添加功能及前端后期优化维护，输出高质量的文档。在项目构建中，使结构更加清晰，代码简明有序，有一个更好的前端架构。

介绍

工程架构基于 vuepress 搭建而成，源码地址github.com/niceboybao/…，若有问题请点击New Issue，欢迎 push 相关内容加入贡献者行列，要是以为文档还能凑合着看，欢迎 star ~

文档编写参考多个热门的前端开源规范参考,并结合我的项目总结而成。项目 快速预览图 以下：

参考文档

开源协议

MIT License