WEB前端開發規範文檔

WEB前端開發規範文檔

規範目的 

爲提升團隊協做效率， 便於後臺人員添加功能及前端後期優化維護， 輸出高質量的文檔， 特制訂此文檔。 本規範文檔一經確認， 前端開發人員必須按本文檔規範進行前臺頁面開發。 本文檔若有不對或者不合適的地方請及時提出，經討論決定後方可更改

 

基本準則 

符合web標準，語義化html， 結構、表現、行爲分離， 兼容性優良。 頁面性能方面， 代碼要求簡潔明瞭有序， 儘量的減少服務器負載， 保證最快的解析速度。

 

文件規範 

1.  html、css、javascript、images文件均歸檔至《WEB前端開發規範文檔》約定的目錄中。 

2.  html文件命名: 英文命名， 後綴爲「.html」。 同時將對應界面稿放於同目錄中，若界面稿命名爲中文，請重命名與html文件同名，以方便後端添加功能時查找對應頁面。 

3.  css文件命名： 英文命名，共用： base.css，首頁： homepage.css，子頁subpage.css，框架樣式：bootstrap.css ，其它頁面依實際模塊需求命名。 

4. Javascript文件命名： 英文命名， 共用jquery.js、angular， 其餘依實際模塊需求命名。

 

工做流程

1.  基本流程：公司性質決定流程，不過通常大致都是需求--設計--頁面製做--效果製做--添加程序。

2.後臺管理流程：  基本遵照 本人開發調試、先後端聯調、測試上線、正式上線的流程規範。

3.流程工具：掌握工具console控制檯、fis、postman插件、switchhosts、sublime、webstorm等輔助工具。

 

前端技術

一、  基本html、css、js、get請求、post請求、form表單請求、json數據格式、jsonp數據格式、xml數據格式

二、  管理器requirejs、mod.js，其餘同類seajs

三、  單頁面框架 angular.js，其餘同類vuejs、avalon.Js

四、  工具類 jQuery、Zepto、gum.Js、angular插件

五、   預處理語言 less、sass

五、 構建工具fis，其餘同類webpack、gulp、grunt