🪴qql1's digital garden

Home

❯

笔记

❯

计算机知识

❯

app应用

❯

webAPP

❯

前端

❯

CSS

❯

CSS In JS

CSS-In-JS

2026年1月26日1分钟阅读

  • 范围-界限
  • html-
  • (前端-dom-bom)标签-(前端-dom-bom)元素-(前端-dom-bom)节点
  • 前端-dom-bom/(前端-dom-bom)Ts-(前端-dom-bom)Typescript/(前端-dom-bom)Js-(前端-dom-bom)JavaScript-ES-ECMAScript
  • 前端-dom-bom/css-
  • 属性-变量
  • 文件-文档-txt文件-笔记
  • (电脑-PC-桌面端-计算机)应用-软件-程序-app
  • 网站-网页端-web端-web应用-webAPP
  • 标签-tag

梗概

  • 相当于在js中定义html 标签的样式属性
    • 而不是在CSS文件中
  • 简称为CIJ

适用范围

优点

  • 利用js更先进的编程范式,更好解决原生CSS的语法劣势

缺点

  • 投入生产环境中有巨大的废弃风险
    • 该方案经过数年的发展,具体的实现方案依然没有稳定

详解

  • CSS-in-JS:一个充满争议的技术方案 - 知乎
  • 精读《我们为何弃用 css-in-js》 - 掘金

关系图谱

  • 梗概
  • 适用范围
  • 优点
  • 缺点
  • 详解

反向链接

  • 样式
  • JavaScript
  • Naive UI

Created with Quartz v4.5.2 © 2026

  • GitHub
  • Discord Community