如果你写过几年前端代码，大概率在打包工具的输出日志里见过这个词——Tree Shaking。webpack、Rollup、esbuild、Vite，几乎所有现代构建工具都把它当作标配功能来宣传。但如果...

写 CSS 这么多年，很多人其实从来没认真想过一个问题：给页面加样式，明明有好几种办法，到底该用哪种？大部分人的答案是"随便，能跑就行"。但这几种方式背后的加载机制、性能表现、维护成本差别很大，选错了...

写在前面 不知道你有没有这种经历：产品经理提了个需求，比如"做一个可以展开收起的面板"，你脑子里立刻开始规划——用 useState 控制一个布尔值，写个点击事件切换状态，再加点 CSS 过渡动画...

一、先说结论 <search> 是 HTML 新增的一个语义化容器标签，专门用来包裹页面或应用中"与搜索、筛选功能相关"的内容——通常就是一个搜索框、筛选控件组，或者两者的组合。它本身不参...

写了好几年 CSS，你可能从来没认真想过这几个词的区别——反正代码能跑起来就行。 但如果你看过任何一份 CSS 规范文档，或者面试的时候被问到"什么是 CSS 声明",大概率会愣一下：这几个词平时说的...

写过前端的人大概率都听过这句话——"少操作 DOM"。面试时被问到性能优化，十有八九也会提到"减少 DOM 操作次数"。但这句话背后的原理是什么？为什么同样是"执行一行代码"，操作 DOM 就要比普通...

如果你已经写了好几年 CSS，可能会觉得"选择器"这种基础话题没什么好聊的——不就是 .class、#id、div > p 那一套吗？但这几年 CSS 选择器其实悄悄发生了一次大升级，很多以前只...

写了这么多年 CSS，你有没有想过一个问题：你写的那些 .class { color: red; }，到底是怎么变成屏幕上一块红色文字的？ 很多人对 CSS 的理解停留在"选择器 + 属性 = 样式...

先说结论：不需要无脑写一整套前缀了，但也不是完全用不上 -webkit-。 这事儿不是"要不要"的选择题,而是"哪些还要、哪些早该删"的甄别题。往下看,咱们把这事儿说清楚。 前缀是怎么来的 十几年前...