前端小年

BEM 的原则很简单：一个 Block 代表一个对象（一个人、一个登录表单、一个菜单）；一个 Element 是一个块中作为特定功能的组件（一个帮助按钮、一个登录按钮、一个菜单项）；一个 Modifier 是我们如何表示块或元素的不同变化（一个女人、一个带有隐藏标签的迷你登录框、 footer 中一个不同的菜单）。

现在前端程序员都知道，React 是组件化的。当我开始学习 React 的时候，我记得当时已经存在了很多不同编写组件的方式了。如今，React 社区已经愈发成熟，但是对于组件正确编写姿势却没有一个相对完备的指导。 这篇文章仅从作者的观点出发，来谈一谈我们究竟应该如何来写高质量的 …

你是否做过多页面的大型网站或者其中一部分？如果你做过，你可能会意识到 CSS 架构不够强大所带来的恐惧。你可能还会研究如何编写可维护的 CSS。

Edge 等浏览器都开始支持 CSS 变量了

非常赞的 CSS 命名方式

在之前两篇文章中我们已经讨论过如何使用 BEM 和 Namespace 来编写模块化的 CSS。这篇文章中，我想避开把 CSS 选择器作为 CSS 文件结构和组织的依据的方法。 如果你思考过关于什么是文件组织的最佳实践，或者怎样能够在项目目录中更容易的找到你要找的 CSS 文件，或者一个文件应该是多大或者多小合理等问题，那么这篇文章就是为你写的。

相信大家对于text-decoration这个属性并不陌生，在重置a标签的默认样式时，我们经常要这样写：text-decoration: none;可能对它了解的人也很少，实际上text-decoration是一个复合属性，由line、style和color组成。 可惜的是li…

不知道大家是否注意到，社区中出现的 CSS 尤其是 CSS-IN-JS 风格的轮子轮子越来越多，这个事情在前端社区引发的很多的讨论，或者说是争吵，比如有人说 CSS is Broken，就有人对 CSS is Fine。Cristiano Rastelli 以《战争与和平》为蓝…