Bem 是块（block）、元素（element）、修饰符（modifier）的简写，由 Yandex 团队提出的一种前端 CSS 命名方法论。 BEM 是一个简单又非常有用的命名约定。让你的前端代码更容易阅读和理解，更容易协作，更容易控制，更加健壮和明确，而且更加严密。 bl…

在命名中就赋予他们更多的意义，并且体现了他们的关系。 ----->这恰恰就让你的代码更为友好，更加容易维护。 也就是提高了组件的独立性。 而且在写CSS样式时能够直接找到类名。 B(blcok):也就是块的概念，也可以叫做组件，模块。 很显然这个tabbar是一个块，很明显的区…

我听说很多开发者厌恶 CSS。而在我的经验中，这往往是由于他们并没有花时间来学习 CSS。 CSS 算不上是最优美的『语言』，但迄今二十多年来，它都是美化 web 举足轻重的工具。从这点来说，也还算不错吧？ 尽管如此，CSS 写得越多，你越容易发现一个巨大的弊端。 因为维护 C…

BEM 命名给 CSS 以及 html 提供清晰结构，命名空间提供更多信息，模块化提高代码的重用，以达到 CSS 命名语义化、可重用性高、后期维护容易、加载渲染快的要求。

前端 html，css，JavaScript 的开发规范

1. UI层的松耦合 很多设计模式是为了解决紧耦合的问题。如何做到松耦合，当修改一个组件而不需要更改其它地方的组件的时候，我们可以说这就是做到了松耦合，也是提高代码可维护性的关键所在。 1-1. 将JS从Css中抽离出来 1-2. 将CSS从JS中抽离出来 当需要通过js来修改…

使用相对路径，不要指定资源所带的具体协议 ( http:,https: ) ，除非这两者协议都不可用。 常见的图片格式有 GIF、PNG、JPEG、WebP、svg，根据图片格式的特性和场景需要选取适合的图片格式。 优先使用 iconfont。 使用 CSS Sprites，对…