## 前端組件 盡量使用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