前端開發規格手冊

前端开发是创建Web页面或app等前端界面呈现给用户的过程，通过HTML，CSS及JavaScript以及衍生出来的各种技术、框架、解决方案，来实现互联网产品的用户界面交互 。它从网页制作演变而来，名称上有很明显的时代特征。 在互联网的演化进程中，网页制作是Web1.0时代的产物，早期网站主要内容都是静态，以图片和文字为主，用户使用网站的行为也以浏览为主。随着互联网技术的发展和HTML5、CSS3的应用，现代网页更加美观，交互效果显著，功能更加强大。

為什麼要有web網站前端開發規格手冊？

因為人多不一定就力量大，還有可能一團糟。因此為了提升團隊凝聚力，統一團隊程式碼風格，優化團隊協作效率，需要推出專門的《前端開發規範文件》來約束同一專案不同程式設計師的程式碼風格。

制定《前端開發規範手冊》首先需要符合web標準，兼顧結構分明、相容性優良、頁面效能高、程式碼簡潔明了等要求，再根據開發需求進行一定的調整。

檔案命名統一採用小寫英文字母，盡量不包含空格和特殊符號。

因為是團隊協作，因此起的名字應方便每一位成員的理解，並且能夠方便地進行查找、修改、替換、計算負載量等等操作。

檔案規格

1. html, css, js, images檔案都歸檔到約定的目錄中;

2. html檔案命名: 英文命名, 後綴.html或.htm. 同時將統一頁面檔案放於同目錄中, 以方便後端新增功能時尋找對應頁;

3. css檔命名: 英文命名, 字尾.css. 共用base.css,首頁index.css, 其他頁面依實際模組需求命名.;

4. Js檔命名: 英文命名, 字尾.js. 共用common.js, 其他依實際模組需求命名。

其它前端開發相關學習參考資源

除了本頁面右側的知識拓展，也為大家精選了以下資源

• #PHP中文網獨孤九賤系列影片教學

• 玉女心經系列：前端入門_HTML5
  

• #CSS影片教學-玉女心經版
  

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

• #PHP資源下載頻道