從一篇文章上
前端編碼規範
摘取了自己還沒形成習慣的點
好的規範寫法:
html語法:
1.用兩個空格來代表製表符(tab),這是唯一能保證在所有
環境下獲得一致展現的方法
2.對於屬性的定義,確保全部使用雙引號,絕不要使用單引號
3.不要在自閉合元素的尾部新增斜線
屬性順序:
html屬性應當按照以下給出的順序依次排列,確保**的
可讀性1.class(用於標識高度復用元件)
2.id(用於標識具體元件,應該謹慎使用),name
3.data-*
4.src,for,type,href
5.title,alt
6.aria-*,role
css語法:
1.為了獲得更準確的錯誤報告,每條宣告都應該獨佔一行
/* bad css */
.selector, .selector-secondary, .selector[type=text]
/* good css */
.selector,
.selector-secondary,
.selector[type="text"]
2.為選擇器中的屬性新增雙引號,為了**的一致性,如input[type="text"]
3.宣告順序
相關的屬性宣告應當歸為一組,並按照下面的順序排列:
positioning
box model
typographic
visual
由於定位(positioning)可以從正常的文件流中移除元素,並且還能覆蓋盒模型(box model)相關的樣式,因此排在首位。盒模型排在第二位,因為它決定了元件的尺寸和位置。
其他屬性只是影響元件的內部(inside)或者是不影響前兩組屬性,因此排在後面。
.declaration-order
暫時先寫這些了,洗澡睡覺去了
.
規範 前端編碼規範 注釋規範
頂部新增檔案申明資訊,包括檔案描述 原始作者,如果有更新,則需要新增更新內容 更新作者和更新時間。description 說明文字 author 張三 description 說明文字 author 張三 update 更新內容 by 李四 2013 04 13 18 32 無論是單行注釋還是多行注...
前端 前端編碼規範小記
定位 position left right top bottom z index 盒子模型 display float width height margin padding border border radius 排印 font color background line height tex...
web前端編碼規範
web前端編碼規範 本文摘至bootstrap中文網中bootstrap編碼規範中常用部分,詳細請檢視bootstrap編碼規範 1.html 2.css 相關的屬性宣告應當歸為一組,並按照下面的順序排列 positioning box model typographic visual 單行規則宣告...