在職業生涯的發展中，我們不僅會涉及到編碼、做技術，也會和團隊建設與項目規劃打交道。一個項目不是簡單的打開編輯器寫代碼，一個好的項目一定是在開始之前就進行了嚴格的項目規劃與團隊內部建設。今天我們要羅列一下前端項目初期階段所需要進行的工作。
1、團隊編碼規範
主要指的是團隊成員的編碼規範，一般的項目週期少則幾個月多則幾年，在項目推進的過程中不免有人要離開，又新的人加入到隊伍當中。如果團隊沒有一套統一的編碼規範，在項目的後期維護上會消耗巨大的人力和時間等資源。
註釋規範：塊狀註釋、單行註釋、行內註釋
塊狀註釋要統一縮進，並且標註在特定對象的上方；單行註釋的文字兩端需要留出空格（防止註釋編碼導致註釋關閉符失效），也要標註在特定對象的上方；行內註釋的文字兩端需要留出空格，並且放在語句的分號後邊。
文件規範：文件分類、文件引入、文件本身
文件分類主要指將資源文件按照業務或功能進行文件夾分類；文件引入指 CSS 文件的引入方式，行內樣式不推薦，外聯引入和內聯引入；文件本身包括文件的命名（下劃線大小寫），文件編碼（UTF8）。
命名規範：分類命名、命名格式、語義化命名
分類命名中可以通過分類來對 CSS 類進行命名，比如 g- 前綴代表全局類，m- 前綴代表模塊類；命名格式，建議全部小寫，對命名長度進行衡量，要一眼能夠看出名字的意義；語義化命名，以內容語義來命名 CSS 類名。
書寫規範：單行多行、空格分號、屬性順序、Hack 方式、值格式
單行多行，CSS 的單行多行各有利弊；空格分號，CSS 多行書寫必須縮進，單行書寫在屬性名冒號和結尾分號之後加入空格，每一條規則都要以分號結尾；屬性順序，先寫顯示順序，後寫盒模型相關屬性，文本屬性，修飾屬性；Hack 方式：統一各種瀏覽器的 Hack 方式；值格式：比如 color 屬性的取值使用十六進制格式，url 屬性的值是否帶單引號或雙引號。
其他規範：HTML 規範、圖片規範
HTML 的文檔聲明，使用 H5 的標準聲明，遵循 XHTML 規範閉合標籤，標籤屬性名用雙引號還是單引號；標籤縮進，正確的分層；標籤和屬性均小寫；資源文件具有語義性，圖片保留源文件。
2、團隊協作流程
WEB 初期的分工分配方式：視覺團隊 + 後端開發；
WEB 後期的分工分配方式：視覺團隊 + 前端團隊（頁面工程師 + 前端工程師） + 後端團隊；
前端項目規劃與團隊管理
閱讀更多 螞蟻大喇叭 的文章
