CSS in JS 简介

1、以前，网页开发有一个原则，叫做"关注点分离"（separation of concerns）。它的意思是，各种技术只负责自己的领域，不要混合在一起，形成耦合。对于网页开发来说，主要是三种技术分离。HTML 语言：负责网页的结构，又称语义层CSS 语言：负责网页的样式，又称视觉层JavaScript 语言：负责网页的逻辑和交互，又称逻辑层或交互层简单说，就是一句话，不要写"行内样式"（inline style）和"行内脚本"（inline script）。比如，下面代码就很糟糕（查看完整代码）。  Hello World2、React 出现以后，这个原则不再适用了。因为，React 是组件结构，强制要求把 HTML、CSS、JavaScript 写在一起。上面的例子使用 React 改写如下（查看完整代码）。const style = {  'color': 'red',  'fontSize': '46px ………………………………