前端開(kāi)發(fā)是創(chuàng)建Web頁(yè)面或app等前端界面呈現(xiàn)給用戶(hù)的過(guò)程，通過(guò)HTML，CSS及JavaScript以及衍生出來(lái)的各種技術(shù)、框架、解決方案，來(lái)實(shí)現(xiàn)互聯(lián)網(wǎng)產(chǎn)品的用戶(hù)界面交互 。它從網(wǎng)頁(yè)制作演變而來(lái)，名稱(chēng)上有很明顯的時(shí)代特征。 在互聯(lián)網(wǎng)的演化進(jìn)程中，網(wǎng)頁(yè)制作是Web1.0時(shí)代的產(chǎn)物，早期網(wǎng)站主要內(nèi)容都是靜態(tài)，以圖片和文字為主，用戶(hù)使用網(wǎng)站的行為也以瀏覽為主。隨著互聯(lián)網(wǎng)技術(shù)的發(fā)展和HTML5、CSS3的應(yīng)用，現(xiàn)代網(wǎng)頁(yè)更加美觀，交互效果顯著，功能更加強(qiáng)大。

為什么要有web網(wǎng)站前端開(kāi)發(fā)規(guī)范手冊(cè)？

因?yàn)槿硕嗖灰欢ň土α看?，還有可能一團(tuán)糟。因此為了提升團(tuán)隊(duì)凝聚力，統(tǒng)一團(tuán)隊(duì)代碼風(fēng)格，優(yōu)化團(tuán)隊(duì)協(xié)作效率，需要推出專(zhuān)門(mén)的《前端開(kāi)發(fā)規(guī)范文檔》來(lái)約束同一項(xiàng)目不同程序員的代碼風(fēng)格。

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

文件命名統(tǒng)一采用小寫(xiě)英文字母，盡量不包含空格和特殊符號(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)一頁(yè)面文件放于同目錄中, 以方便后端添加功能時(shí)查找對(duì)應(yīng)頁(yè)面;

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

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

其它前端開(kāi)發(fā)相關(guān)學(xué)習(xí)參考資源

除了本頁(yè)面右側(cè)的知識(shí)拓展，還為大家精選了以下資源

• PHP中文網(wǎng)獨(dú)孤九賤系列視頻教程

• 玉女心經(jīng)系列：前端入門(mén)_HTML5
  

• CSS視頻教程-玉女心經(jīng)版
  

• 2020年大前端面試題匯總（收藏）

• PHP資源下載頻道