前端開發規範手冊（命名、HTML、CSS、JS、ES六、React）

時間 2019-11-08

標籤前端開發規範手冊命名 html css react 欄目 HTML 简体版

原文原文鏈接

簡介

前端開發規範手冊（命名、HTML、CSS、JS、ES六、React）完整連接，歡迎給出您的寶貴意見；javascript

GitHub源碼地址，要是以爲文檔還能湊合着看，歡迎 star ~css

本文首發於個人我的博客：blogs.niceboybao.com/html

原文連接：：blogs.niceboybao.com/2019/03/05/…前端

不以規矩，不能成方圓。對於團隊而言，統一很重要，代碼是寫給人看的，而後順便跑在機器上而已。vue

有過憂慮嗎

你是否是老是在抱怨項目組的各方面不統一，很差維護，千奇百怪？java

你是否是每次提交代碼的時候總要拉某某人過來看下各類衝突？react

你是否是每次merge代碼的時候總要話很長的時間去解決不一樣格式的代碼衝突？git

你是否是有時候爲了解決一個bug好幾天沒睡好，最終定位的問題也許是一個分號、或是書寫規範？人人都在恐慌，人人都在責怪他人，但卻不知，換了好幾個項目都是相似，想過爲何嗎？程序員

規範的意義

每一種事物都有它被髮明時，都會有其用處和目的，每個事物都是本身擅長和適合的領域；咱們要在對的地方使用它，讓它作本身擅長的事。github

規範的代碼能夠促進團隊合做；
規範的代碼能夠減小bug處理；
規範的代碼能夠下降維護成本；
規範的代碼有助於代碼審查；
養成代碼規範的習慣，有助於程序員自身的成長；

規範的目的

咱們知道，當一個團隊開始指定並實行編碼規範的話，錯誤就會變得更加顯而易見。若是一段特定的代碼不符合規範的話，它有可能只是代碼風格錯誤，而也有可能會是 bug。早期指定規範就使得代碼審覈得以更好的開展，而且能夠更精確的地定位到錯誤。只要開發者們可以保證源代碼源文件都嚴格遵循規範，那接下去所使用的混淆、壓縮和編譯工具則可投其所好不盡相同。爲了提升工做效率，便於後臺人員添加功能及前端後期優化維護，輸出高質量的文檔。在項目構建中，使結構更加清晰，代碼簡明有序，有一個更好的前端架構。