首頁  >  文章  >  web前端  >  DIV CSS規範命名總結

DIV CSS規範命名總結

零下一度
零下一度原創
2017-06-07 11:39:511497瀏覽

正確並形象化地為函數、變數命名,不僅可以增加程式的可讀性,也是程式設計師程式設計風格的一種反映。較好的命名習慣,可以有效的提升程序的可維護性。以下介紹規範命名的方法,有興趣的朋友可以來看一下。

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樣式

DIV 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命名規則?

以上是DIV CSS規範命名總結的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn