组件化思考模式,不再需要维护一堆样式表。CSS-in-JS 将 CSS 模型抽象到组件级别,而不是文档级别(模块化)。 CSS-in-JS 利用 JavaScript 环境的全部功能来增强CSS。 真正的选择器隔离。范围选择器是不够的。CSS具有从父元素自动继承的属性(如果未明确定义)。 CSS 要避免选择器冲突,例如 BEM 之类的命名约定可能在一个项目中有所帮助,但在集成第三方代码时则会存在很多问题。当 JSS 将 JSON 表示形式编译为 CSS 时,默认情况下会生成唯一的类名。 动态浏览器私有化前缀,使用 CSS-in-JS 可以避免臃肿的 CSS 代码。 代码共享,轻松在 JS 和 CSS 之间共享常量和函数。 CSS-in-JS 的单元化测试。 TypeScript 的支持。 减少项目编译的依赖,纯 JS 或 TS 项目。 动态变化的主题和变量。
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。