前端開發(fā)規(guī)范


閱讀(892.8k) 收藏 (589)

手冊(cè)簡介

前端開發(fā)規(guī)范

手冊(cè)說明


為什么要有web網(wǎng)站前端開發(fā)規(guī)范手冊(cè)?因?yàn)槿硕嗖灰欢ň土α看螅€有可能一團(tuán)糟。因此為了提升團(tuán)隊(duì)凝聚力,統(tǒng)一團(tuán)隊(duì)代碼風(fēng)格,優(yōu)化團(tuán)隊(duì)協(xié)作效率,需要推出專門的《前端開發(fā)規(guī)范手冊(cè)》來約束同一項(xiàng)目不同程序員的代碼風(fēng)格。

制定《前端開發(fā)規(guī)范手冊(cè)》首先需要符合web標(biāo)準(zhǔn),兼顧結(jié)構(gòu)分明、兼容性優(yōu)良、頁面性能高、代碼簡潔明了等要求,再根據(jù)開發(fā)需求進(jìn)行一定的調(diào)整。

文件命名統(tǒng)一采用小寫英文字母,盡量不包含空格和特殊符號(hào)。因?yàn)槭菆F(tuán)隊(duì)協(xié)作,因此起的名字應(yīng)方便每一位成員的理解,并且能夠方便地進(jìn)行查找、修改、替換、計(jì)算負(fù)載量等等操作。


文件規(guī)范

1. html, css, js, images文件均歸檔至約定的目錄中;

2. html文件命名: 英文命名, 后綴.html或.htm. 同時(shí)將統(tǒng)一頁面文件放于同目錄中, 以方便后端添加功能時(shí)查找對(duì)應(yīng)頁面;

3. css文件命名: 英文命名, 后綴.css. 共用base.css, 首頁index.css, 其他頁面依實(shí)際模塊需求命名.;

4. Js文件命名: 英文命名, 后綴.js. 共用common.js, 其他依實(shí)際模塊需求命名。


手冊(cè)目錄

基本原則

HTML通用約定

CSS通用約定

JavaScript通用約定

移動(dòng)端優(yōu)化

前端開發(fā)工具箱

前端開發(fā)參考資料



w3cschool編程獅微信公眾號(hào)

更新記錄

在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)