前端项目的总结——css in js 的好处？

css in js 的好处？

之前咱们在网页开发的时候会有一个概念，“关注点分离”，好比咱们的css js html 这三种技术。html仅仅对应网页的结构，css仅仅负责网页的样式，js仅仅负责网页的交互逻辑。好比最好不要写行内样式，行内js。可是react的出现，恰好打破了这一点，他把这三者完美的结合在一块儿。这有利于组件的隔离。什么意思？ 就是组件与组件之间没有过多的依赖，过多的耦合。扯远了。。。

css in js 简单来讲

1.咱们把css写在js中实际上就是用js去写css ，那么好处就是咱们能够在css中使用js定义的变量，好比咱们使用的style-components这个库，咱们甚至能够使用组件的props当作参数，来改变样式。这使咱们写起css更加的灵活。

2.就像我前面说的，咱们再也不担忧全局样式可能会带来的影响，由于组件的样式跟组件同样是独立的。

3.使用style-components咱们没必要担忧去给元素的class命名，由于他会为class随机生成字符串，避免了命名冲突。