使用行内样式使我们可以获得JavaScript的所有编程支持。这让我们获得类似CSS预处理器（变量、混入和函数）的好处，它也解决了CSS的很多问题，如全局命名空间和样式冲突。 使用行内样式使我们可以获得JavaScript的所有编程支持。这让我们获得类似CSS预处理器（变量、混入和函数）的好处，它也解决了CSS的很多问题，如全局命名空间和样式冲突。 如果想要更深入了解JavaScript中的CSS所解决的问题，可以查看著名的演示幻灯：React：JS中的CSS。有关使用Aphrodite性能优化的案例研究，你可以阅读行内CSS 在可汗学院：Aphrodite。如果想要学习更多有关JavaScript中的CSS的最佳实践，可以阅读Airbnb的风格指南。 此外，我们将使用行内JavaScript样式来构建组件，以解决我之前的一篇文章（掌握设计之前，必须掌握基本原理）中涉及的一些基础设计问题。 一个启发性的例子 让我们从一个简单的例子开始：构建一个按钮并给它添加样式。 一般来说，组件及其样式在同一个文件中：Button和ButtonStyles。这是因为他们都属于视图层。但是，下面的例子中，我将代码拆分成多个代码片段，以便更容易理解。 下面就是按钮组件： |
|
声明：文章版权归原作者所有 部分文章转自互联网 如有侵权请联系
[邮箱地址] 删除
|
注册
登录
