成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

簡單好用的CSS命名規(guī)范和JS代碼風(fēng)格

KnewOne / 1420人閱讀

摘要：命名規(guī)范命名法是由團(tuán)隊(duì)提出的一種前端命名規(guī)范。更嚴(yán)格一點(diǎn)來說不能影響自身布局，最好不要設(shè)置和，也不要使用元素選擇器和選擇器。是修飾，定義和的外觀狀態(tài)或者行為。代碼風(fēng)格推薦去看地址。

這是我的個(gè)人博客，有興趣的可以去看看，說不定有收獲。
CSS命名規(guī)范
BEM命名法

BEM(Block, Element, Modifier)是由Yandex團(tuán)隊(duì)提出的一種前端命名規(guī)范。其核心思想是將頁面拆分成一個(gè)個(gè)獨(dú)立的富有語義的塊（blocks）,從而使得團(tuán)隊(duì)在開發(fā)復(fù)雜的項(xiàng)目變得高效，并且十分有利于代碼復(fù)用，即便團(tuán)隊(duì)引入新成員，也容易維護(hù)。

Block是塊，比方說div、header，可以嵌套復(fù)用。更嚴(yán)格一點(diǎn)來說不能影響自身布局，最好不要設(shè)置margin和position，也不要使用元素選擇器和ID選擇器。

Element是元素，比方說input、p。是Block的組成部分。

Modifier是修飾，定義Block和Element的外觀、狀態(tài)、或者行為。當(dāng)然這個(gè)部分并不是必須的，可以省略。

Block與Element之間通過__來連接，Element與Modifier之間通過--來連接

總體就是Block__Element--Modifier

何時(shí)用Element何時(shí)用Block

如果一段代碼可能被重用，并且它不依賴于頁面中的其他組件，這時(shí)就可以使用Block，反之就可以使用Element。

JavaScript代碼風(fēng)格

推薦去看Aribnb地址。

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/114919.html

相關(guān)文章

  • 簡單好用的CSS命名規(guī)范和JS代碼風(fēng)格

    摘要：命名規(guī)范命名法是由團(tuán)隊(duì)提出的一種前端命名規(guī)范。更嚴(yán)格一點(diǎn)來說不能影響自身布局，最好不要設(shè)置和，也不要使用元素選擇器和選擇器。是修飾，定義和的外觀狀態(tài)或者行為。代碼風(fēng)格推薦去看地址。 這是我的個(gè)人博客，有興趣的可以去看看，說不定有收獲。 CSS命名規(guī)范 BEM命名法 BEM(Block, Element, Modifier)是由Yandex團(tuán)隊(duì)提出的一種前端命名規(guī)范。其核心思想是將頁面拆...

    UCloud 評(píng)論0 收藏0

  • 程序猿小白應(yīng)該注意什么

    摘要：遍歷節(jié)點(diǎn)綁定事件利用事件代理文件的引用將文件的引用放在頭部，文件的引用放在尾部。 在學(xué)校敲代碼的時(shí)候，考慮的可能是怎么實(shí)現(xiàn)這個(gè)功能，怎么樣把功能做的酷一點(diǎn)，可是當(dāng)你進(jìn)入了公司，你就會(huì)發(fā)現(xiàn)可能代碼把功能實(shí)現(xiàn)是一方面的，你代碼還需要良好的代碼風(fēng)格，命名規(guī)范，可讀性易于維護(hù)，以及性能等等，so出現(xiàn)了下面這篇文章（歡迎大家指出錯(cuò)誤，侵刪） showImg(https://segmentfaul...

    Gilbertat 評(píng)論0 收藏0

  • 程序猿小白應(yīng)該注意什么

    摘要：遍歷節(jié)點(diǎn)綁定事件利用事件代理文件的引用將文件的引用放在頭部，文件的引用放在尾部。 在學(xué)校敲代碼的時(shí)候，考慮的可能是怎么實(shí)現(xiàn)這個(gè)功能，怎么樣把功能做的酷一點(diǎn)，可是當(dāng)你進(jìn)入了公司，你就會(huì)發(fā)現(xiàn)可能代碼把功能實(shí)現(xiàn)是一方面的，你代碼還需要良好的代碼風(fēng)格，命名規(guī)范，可讀性易于維護(hù)，以及性能等等，so出現(xiàn)了下面這篇文章（歡迎大家指出錯(cuò)誤，侵刪） showImg(https://segmentfaul...

    fasss 評(píng)論0 收藏0

  • 程序猿小白應(yīng)該注意什么

    摘要：遍歷節(jié)點(diǎn)綁定事件利用事件代理文件的引用將文件的引用放在頭部，文件的引用放在尾部。 在學(xué)校敲代碼的時(shí)候，考慮的可能是怎么實(shí)現(xiàn)這個(gè)功能，怎么樣把功能做的酷一點(diǎn)，可是當(dāng)你進(jìn)入了公司，你就會(huì)發(fā)現(xiàn)可能代碼把功能實(shí)現(xiàn)是一方面的，你代碼還需要良好的代碼風(fēng)格，命名規(guī)范，可讀性易于維護(hù)，以及性能等等，so出現(xiàn)了下面這篇文章（歡迎大家指出錯(cuò)誤，侵刪） showImg(https://segmentfaul...

    moven_j 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<