# 我趣科技前端开发规范
---
**此规范主要实现的目标：**<font color=red>代码一致性</font>和<font color=red>最佳实践</font>。通过代码风格的一致性，降低维护代码的成本以及改善多人协作的效率。同时遵守最佳实践，确保页面性能得到最佳优化和高效的代码。无论团队人数多少，代码应该同出一门。
这一个版本是根据阿树的 [前端开发规范手册](http://www.kancloud.cn/kancloud/front-end-style-guide) 和 [AlloyTeam前端规范](http://alloyteam.github.io/CodeGuide/) 修改而来，感恩他们。
##目录
* [介绍](http://www.kancloud.cn/yellowlemon/woqu-frontend-guide/223697)
* [1. 目录结构和文件命名规则](http://www.kancloud.cn/yellowlemon/woqu-frontend-guide/223698)
* [2. HTML](http://www.kancloud.cn/yellowlemon/woqu-frontend-guide/223699)
* [2.1 通用约定](http://www.kancloud.cn/yellowlemon/woqu-frontend-guide/223700)
* [2.2 语义化](http://www.kancloud.cn/yellowlemon/woqu-frontend-guide/223701)
* [2.3 HEAD](http://www.kancloud.cn/yellowlemon/woqu-frontend-guide/223702)
* [2.4 我趣通用模板](http://www.kancloud.cn/yellowlemon/woqu-frontend-guide/223703)
* [3. CSS，SCSS](http://www.kancloud.cn/yellowlemon/woqu-frontend-guide/223704)
* [3.1 通用约定](http://www.kancloud.cn/yellowlemon/woqu-frontend-guide/223705)
* [3.2 属性声明顺序](http://www.kancloud.cn/yellowlemon/woqu-frontend-guide/223706)
* [3.3 SCSS规范](http://www.kancloud.cn/yellowlemon/woqu-frontend-guide/223707)
* [3.4 性能优化](http://www.kancloud.cn/yellowlemon/woqu-frontend-guide/223708)
* [4. JavaScript](http://www.kancloud.cn/yellowlemon/woqu-frontend-guide/223709)
* [4.1 通用约定](http://www.kancloud.cn/yellowlemon/woqu-frontend-guide/223710)
* [4.2 性能优化](http://www.kancloud.cn/yellowlemon/woqu-frontend-guide/223711)
* [4.3 代码调试](http://www.kancloud.cn/yellowlemon/woqu-frontend-guide/223712)
* [5. 编辑器配置和构建检查](http://www.kancloud.cn/yellowlemon/woqu-frontend-guide/223709)
* [6. 工具集](http://www.kancloud.cn/yellowlemon/woqu-frontend-guide/223714)
* [7. 参考](http://www.kancloud.cn/yellowlemon/woqu-frontend-guide/223715)
更新时间：2016年10月26日
