1、前端代码规范参考
编写前端代码规范的主要驱动力是两方面:
1) 代码一致性(一个项目的代码看起来就像一个人写的一样)
2) 最佳实践。
通过保持代码风格和传统的一致性,我们可以减少遗留系统维护的负担,并降低未来系统崩溃的风险。
而通过遵照最佳实践,我们能确保优化的页面加载、性能以及可维护的代码。
所有好代码都应该满足这两个特性:复用性,扩展性。
1、angular(框架)风格指南(重点)
https://angular.cn/guide/styleguide
2、Airbnb JavaScript代码规范(重点)
https://github.com/lin-123/javascript
3、腾讯前端开发标准(通过分析github代码库总结出来的工程师代码书写习惯)(重点)
http://alloyteam.github.io/CodeGuide/
4、腾讯全端 AlloyTeam 团队CSS命名规范(参考)
http://www.alloyteam.com/2011/10/css-on-team-naming/
命名参考工具:https://unbug.github.io/codelf/
1是框架推荐的代码风格指南,2和3通用,4作为css命名的参考,如果有冲突,优先遵循前面的规范。
2、如何保持前端代码规范
1、eslint或tslint
eslint:(js)
tslint:(ts)
https://palantir.github.io/tslint/
2、prettier
eslint或tslint负责代码规范检查和错误检查
prettier负责格式化/美化代码