我们通过采用内联式 CSS 样式，可以获得 Javascript 中所有编程支持，它的好处就像 CSS 预处理器（变量、混入和函数）一样，而且也能解决 CSS 中的很多问题，比如全局命名空间和样式冲突。
为了深入探索 Javascript 中写 CSS 解决的问题，可以看这个著名的演示：ReactJS中引入CSS。关于 Aphrodite 上的性能改进范例，你可以在Khan Academy: Aphrodite 上查到内联式 CSS 代码，如果想学习更多 Javascript 中 CSS 最佳实践的相关知识，可以查阅 Airbnb 的样式指南。
另外，我们使用内联式 Javascript 样式来建立组件，处理我前一篇文章中介绍的一些设计基本原理：在你能掌握设计之前，必须先掌握设计的基本原理。
一个启发式的例子
我们从一个简单的例子入手：创建和设计一个按钮。
通常，组件 Button 和其相关的样式 ButtonStyles 会被放入相同的文件，这是因为它们处理的是同个问题：视图。但是以这个例子来说，我出于多种考虑要将代码分开，使代码更易被理解。
这儿是按钮组件：
注：本文内容来自互联网，旨在为开发者提供分享、交流的平台。如有涉及文章版权等事宜，请你联系站长进行处理。