欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

京東css命名

李中冰2年前7瀏覽0評論

眾所周知,CSS命名有其重要性,命名規則好壞直接影響網站代碼的可讀性。在京東,為了保證代碼的可維護性與團隊協作性,按照一定的規則命名所有的CSS樣式,這就是京東的CSS命名。

/**
 * 京東命名規則示例:
 * .yunshang-cancel-order{}        //云商平臺取消訂單
 * .qr-goto-store{}                //前臺店鋪首頁
 * .biz-main-nav{}                 //業務端主導航
 * .platform-jiangpin-detail{}     //平臺端獎品詳情頁
 * .floor-editor-wrap{}            //樓層編輯器包裹器
 */
/**
 * 命名規則說明:
 * 所有樣式前面必須添加命名空間,如yunshang-,qr-,biz-,platform-等。
 * 使用“-”連接,遵循小寫字母全縮寫的規則。 
 * 樣式名稱盡量簡單明了,表達語義清晰。如不同業務線的同名樣式盡量避免。
 * 字符長度不宜過長,一般20字符以內。 
 * 細節樣式以更明確的語義或第二個單詞做命名補充,如floor-editor-wrap。
 */

按照京東的CSS命名規則,不僅可以使代碼更有條理,易于維護,也方便團隊協作,降低溝通成本,而且可以充分發揮CSS優勢,實現樣式的復用性和擴展性。