A Better Front-End Guideline

Introduction

最近对前端的一些东西进行了规范。前端的规范的想法是一直都有的,曾经参考过豆瓣的前端规范 Douban CSS Code Guideline,还有网易的前端规范 CSS规范 - 分类方法 等,但是觉得都不是很全面(网易的算是相当地详细了)。最后发现了一本叫做 SMACSS(Scalable and Modular Architecture for CSS) 的书,觉得这本书的思想还有整一个规范都十分详细,而且根 SCSS 的风格十分相似。故把此书当作前端规范的一个整体指导,加之以一些写作习惯的辅助。

本书最中心的思想是把一个网站的 CSS 总共分成 5 个大类,然后按照不同的功能和需求去进行组合和重用,部分概念(例如 reset.css 或是模块组件的概念)我们都已经懂了,但是文章还是在很多细节的地方提出了改进。

本文将会提取本书的重点进行陈述,结合我们的经验形成一套前端规范。