一个健壮且可扩展的 CSS 架构所需的8个简单规则

  1. 云栖社区>
  2. 掘金翻译计划>
  3. 博客>
  4. 正文

一个健壮且可扩展的 CSS 架构所需的8个简单规则

玄学酱 2017-10-18 15:20:00 浏览992
展开阅读全文
本文讲的是一个健壮且可扩展的 CSS 架构所需的8个简单规则,

这是一份清单,里面列出了在我多年的专业 Web 开发期间,在复杂的大型 Web 项目中学习到的有关管理 CSS 的事项。我多次被人问起这些东西,所以写一份文档记录下来听起来是个不错的主意。

我已经尽力尝试用简短的语言去解释它们了,然而这篇文章本质上还是长文慎入:

  1. 总是类名优先
  2. 组件代码放在一起
  3. 使用一致的类命名空间
  4. 维护命名空间和文件名之间的严格映射
  5. 避免组件外的样式泄露
  6. 避免组件内的样式泄露
  7. 遵守组件边界
  8. 松散地整合外部样式

介绍

如果你正在开发前端应用,那么最后你肯定需要关心样式方面的问题。尽管开发前端应用的技术水平持续增长,CSS 仍然是给 Web 应用赋予样式的唯一方式(而且最近,在某些情况下,原生应用也一样)。目前在市面上有两大类样式解决方案,即:

  • CSS 预编译器,已经存在很长时间

网友评论

登录后评论
0/500
评论
玄学酱
+ 关注
所属团队号: 掘金翻译计划