DIV CSS規範命名總結

正確並形象地給函數、變數命名，不僅可以增加程式的可讀性，也是程式員編程風格的一種反映。較好的命名習慣，可以有效提高程式的可維護性。以下介紹規範命名的方法，感興趣的小夥伴們可以來看一下。

1. DIV+CSS規範命名集合

我們開發CSS+p網頁（Xhtml）時候,比較困惑和糾結的事就是CSS命名，特別是新手不知道什麼地方該如何命名，怎樣命名才是好的方法。

　命名規則說明：

　　1）、所有的命名最好都小寫

　　2）、屬性的值一定要用雙引號("")括起來，且一定要有值如class="pcss5",id="pcss5"

2. JS命名規範 :匈牙利命名法或者駝峰命名法

命名規範是很有必要的，可增強代碼的可讀性，一眼就能看懂要表達的意思，規範就是符合規則，使代碼有利於後期維護，也能很大程度的提高開發效率。一個正常的網站有很多 JS 代碼，如果在編寫的過程中，不遵循某種規則，那麼寫到後面自己都看不懂自己寫的什麼，這是很麻煩的一件事，所以要在平時的練習過程中，養成良好的編寫代碼的習慣。

3. CSS命名及其書寫的正常化

常用類的命名應盡量以常見英文單詞為準，做到通俗易懂，並在適當的地方加以注釋。對於二級類/ID命名，則採用組合書寫的模式，後一個單詞的首字母應大寫：諸如“搜尋方塊”則應命名為“searchInput”、“搜尋表徵圖”命名這“searchIcon”、“搜尋按鈕”命名為“searchBtn”……

4. 規範命名css

css3已經發布了，許多WEB前端工程師都開始嘗試使用該技術了。我們怎樣來評價編寫css的能力呢?不會用對與錯來判斷，我們可能會用“好”、“一般”、“很爛”等字眼來形容。CSS最難的是什麼呢?是各大瀏覽器的相容?是代碼的簡潔高效性?前端工程師五指曾說過：css不是什麼難的技術，痛點在於怎樣規範的命名。項目由個人完成，工程師可以依據自己的習慣來命名css。在團隊合作中，不規範的命名側可能會引發起衝突，從而影響到整個項目的進度。下面嶺南網路手把手教大家如何規範的命名css。

5. 教你怎麼去規範的書寫CSS樣式

寫了這麼久的CSS，但大部分前端er都沒有按照良好的CSS書寫規範來寫CSS代碼，這樣會影響代碼的閱讀體驗，這裡總結一個CSS書寫規範、CSS書寫順序供大家參考

這些是參考了國外一些文章以及我的個人經驗總結出來，我想對寫CSS的前端使用者來說是值得學習的。

6. 非常詳細的前端JavaScript規範

前端第三方JavaScript包管理工具bower(bower install jQuery)，bower可以實現第三方庫的依賴解析、下載、升級管理等。建議建立企業級bower私服。

前端構建工具，可以採用grunt或者gulp工具，可以實現html、css、js壓縮、驗證、測試，檔案合并、watch和liveload等所有前端任務。建議企業級nodejs npm私服。

前端開發IDE： WebStorm( Idea )、Sublime為最佳 。項目組統一IDE。IDE統一配置很重要。

相關問答：

1. javascript - 為什麼很多項目命名時候喜歡用ret和res

2. angular.js - directive命名規則？