开发者社区> 问答> 正文

使用 CSS-in-JS 有哪些优点?

使用 CSS-in-JS 有哪些优点?

展开
收起
Aries- 2022-05-10 17:24:52 413 0
来自:阿里技术
1 条回答
写回答
取消 提交回答
  • 组件化思考模式,不再需要维护一堆样式表。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 项目。 动态变化的主题和变量。

    2022-05-10 20:15:01
    赞同 展开评论 打赏
问答地址:
来源圈子
更多
收录在圈子:
+ 订阅
问答排行榜
最热
最新

相关电子书

更多
23-Vue.js在前端...1506518547.pdf 立即下载
Vue.js 在前端服务化上的探索与实践 立即下载
Vue.js在前端服务化上的实践与探索 立即下载