CSS 变量

核心:CSS 原生支持的 “变量”,运行时可修改,解决传统预处理器(Sass/Less)变量 “编译后固定” 的问题。 1. 基本用法 12345678910111213/* 1. 定义变量(--开头,通常在:root全局作用域) */:...

CSS-in-JS 和原子化 CSS 的核心思想是什么?如何进行技术选型?

CSS工程化方案中,CSS-in-JS (如 Styled-components)和原子化 CSS (如 Tailwind css)的核心思想是什么? 如何进行技术选型?在现代前端开发中,如何组织和管理 CSS已经演变成一个重要的架构决策。其中,CS...

vmin和vw

vw/vh 和 vmin/vmaxvmin 可以照顾手机端 横屏和竖屏 的显示效果

CSS纵享丝滑滚动

我们之前利用 a 标签的锚点功能,能让页面滚动到指定位置,但是存在顿挫感,使用scroll-behavior: smooth;可以让滚动变得丝滑。

回流和重绘

回流必将引起重绘,重绘不一定会引起回流。