# 我趣科技前端開發規范
---
**此規范主要實現的目標:**<font color=red>代碼一致性</font>和<font color=red>最佳實踐</font>。通過代碼風格的一致性,降低維護代碼的成本以及改善多人協作的效率。同時遵守最佳實踐,確保頁面性能得到最佳優化和高效的代碼。無論團隊人數多少,代碼應該同出一門。
這一個版本是根據阿樹的 [前端開發規范手冊](http://www.hmoore.net/kancloud/front-end-style-guide) 和 [AlloyTeam前端規范](http://alloyteam.github.io/CodeGuide/) 修改而來,感恩他們。
##目錄
* [介紹](http://www.hmoore.net/yellowlemon/woqu-frontend-guide/223697)
* [1. 目錄結構和文件命名規則](http://www.hmoore.net/yellowlemon/woqu-frontend-guide/223698)
* [2. HTML](http://www.hmoore.net/yellowlemon/woqu-frontend-guide/223699)
* [2.1 通用約定](http://www.hmoore.net/yellowlemon/woqu-frontend-guide/223700)
* [2.2 語義化](http://www.hmoore.net/yellowlemon/woqu-frontend-guide/223701)
* [2.3 HEAD](http://www.hmoore.net/yellowlemon/woqu-frontend-guide/223702)
* [2.4 我趣通用模板](http://www.hmoore.net/yellowlemon/woqu-frontend-guide/223703)
* [3. CSS,SCSS](http://www.hmoore.net/yellowlemon/woqu-frontend-guide/223704)
* [3.1 通用約定](http://www.hmoore.net/yellowlemon/woqu-frontend-guide/223705)
* [3.2 屬性聲明順序](http://www.hmoore.net/yellowlemon/woqu-frontend-guide/223706)
* [3.3 SCSS規范](http://www.hmoore.net/yellowlemon/woqu-frontend-guide/223707)
* [3.4 性能優化](http://www.hmoore.net/yellowlemon/woqu-frontend-guide/223708)
* [4. JavaScript](http://www.hmoore.net/yellowlemon/woqu-frontend-guide/223709)
* [4.1 通用約定](http://www.hmoore.net/yellowlemon/woqu-frontend-guide/223710)
* [4.2 性能優化](http://www.hmoore.net/yellowlemon/woqu-frontend-guide/223711)
* [4.3 代碼調試](http://www.hmoore.net/yellowlemon/woqu-frontend-guide/223712)
* [5. 編輯器配置和構建檢查](http://www.hmoore.net/yellowlemon/woqu-frontend-guide/223709)
* [6. 工具集](http://www.hmoore.net/yellowlemon/woqu-frontend-guide/223714)
* [7. 參考](http://www.hmoore.net/yellowlemon/woqu-frontend-guide/223715)
更新時間:2016年10月26日