摘要:命名规范命名法是由团队提出的一种前端命名规范。更严格一点来说不能影响自身布局,最好不要设置和,也不要使用元素选择器和选择器。是修饰,定义和的外观状态或者行为。代码风格推荐去看地址。
这是我的个人博客,有兴趣的可以去看看,说不定有收获。CSS命名规范
BEM(Block, Element, Modifier)是由Yandex团队提出的一种前端命名规范。其核心思想是将页面拆分成一个个独立的富有语义的块(blocks),从而使得团队在开发复杂的项目变得高效,并且十分有利于代码复用,即便团队引入新成员,也容易维护。
Block是块,比方说div、header,可以嵌套复用。更严格一点来说不能影响自身布局,最好不要设置margin和position,也不要使用元素选择器和ID选择器。
Element是元素,比方说input、p。是Block的组成部分。
Modifier是修饰,定义Block和Element的外观、状态、或者行为。当然这个部分并不是必须的,可以省略。
Block与Element之间通过__来连接,Element与Modifier之间通过--来连接
总体就是Block__Element--Modifier
如果一段代码可能被重用,并且它不依赖于页面中的其他组件,这时就可以使用Block,反之就可以使用Element。
JavaScript代码风格推荐去看Aribnb地址。
文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/yun/105371.html
摘要:命名规范命名法是由团队提出的一种前端命名规范。更严格一点来说不能影响自身布局,最好不要设置和,也不要使用元素选择器和选择器。是修饰,定义和的外观状态或者行为。代码风格推荐去看地址。 这是我的个人博客,有兴趣的可以去看看,说不定有收获。 CSS命名规范 BEM命名法 BEM(Block, Element, Modifier)是由Yandex团队提出的一种前端命名规范。其核心思想是将页面拆...
摘要:遍历节点绑定事件利用事件代理文件的引用将文件的引用放在头部,文件的引用放在尾部。 在学校敲代码的时候,考虑的可能是怎么实现这个功能,怎么样把功能做的酷一点,可是当你进入了公司,你就会发现可能代码把功能实现是一方面的,你代码还需要良好的代码风格,命名规范,可读性易于维护,以及性能等等,so出现了下面这篇文章(欢迎大家指出错误,侵删) showImg(https://segmentfaul...
摘要:遍历节点绑定事件利用事件代理文件的引用将文件的引用放在头部,文件的引用放在尾部。 在学校敲代码的时候,考虑的可能是怎么实现这个功能,怎么样把功能做的酷一点,可是当你进入了公司,你就会发现可能代码把功能实现是一方面的,你代码还需要良好的代码风格,命名规范,可读性易于维护,以及性能等等,so出现了下面这篇文章(欢迎大家指出错误,侵删) showImg(https://segmentfaul...
摘要:遍历节点绑定事件利用事件代理文件的引用将文件的引用放在头部,文件的引用放在尾部。 在学校敲代码的时候,考虑的可能是怎么实现这个功能,怎么样把功能做的酷一点,可是当你进入了公司,你就会发现可能代码把功能实现是一方面的,你代码还需要良好的代码风格,命名规范,可读性易于维护,以及性能等等,so出现了下面这篇文章(欢迎大家指出错误,侵删) showImg(https://segmentfaul...
阅读 2854·2021-10-14 09:42
阅读 3173·2019-08-30 15:52
阅读 3237·2019-08-30 14:02
阅读 1101·2019-08-29 15:42
阅读 528·2019-08-29 13:20
阅读 1154·2019-08-29 12:24
阅读 468·2019-08-26 10:20
阅读 679·2019-08-23 18:31