## 前端组件 尽量使用lyui/Framework7/weui等框架自带的组建、样式进行页面的构建。然后局部有特殊样式细节改动再自己处理。 ### 举例： 论坛的列表是一个首先是一个列表，我们发现Framework7中有这个组件，必须直接使用。  ## css书写 不要直接对html标记直接进行样式定义，而应该使用css类名进行局部样式定义（最好能形成复用的代码），除非是一些确实特殊的可以在最主要的css文件里统一定义，比如home.css、main.css。 **推荐的做法**： ```css .article .title { margin-bottom: 15px; } .article ul { list-style: none; } ``` **~~不推荐的做法~~**： ```css h3 { margin-bottom: 15px; } ul { list-style: none; } ``` ## 缩进空行 统一遵循四格空格缩进、文件末尾保留一行空行、代码中间不需要多余的空格和空行删掉。   ## css类名 css类名的定义一定程度上要能表达出意思，比如post-list可以表示是一个帖子列表，如果写成info就是在迷惑敌人。 ## 变量名 css类名结构统一类似media-avatar-list，js的变量名统一类似article_info