站点改造记录：头像裁剪、评论区头像与分类模板统一
今天这轮改造基本围绕两件事：头像系统从「能用」变成「好用」，分类模板从各写一套变成「统一底座 + 各自独立文件」。
标签 前端 下的文章
用 Chrome DevTools 把 CLS 压到 0.02
页面在本地看着好好的，上线后布局分数却一路飘红，多半是图片没占位。
从零搭一个能长期维护的前端工程
新建项目最容易忽略的不是技术选型，而是目录约定和提交规范——它们决定了半年后接手的人要花多久才能改一颗按钮。
2026 年该掌握的 CSS：容器查询、@scope、View Transitions 与 Tailwind 4
CSS 正在把 JS 的活抢回去 过去几年，很多“必须用 JS 才能做”的效果已经被 CSS 原生实现：滚动驱动动画、弹层、主题切换、页面转场。这不只是写法变化，而是更少的代码、更少的布局抖动、更好的可访问性。 下面这四个特性，是 2026 年最值得投入学习的。 一、容器查询：组件自适应，而不是页面自适应 媒体查询看的是视口，容器查询看的是父容器。这让“同一个卡片在侧栏和主区显示不同布局”成为可能，组件终于真正自洽。 css .card-wrap { container-ty...
Svelte 5 Runes 全面解析：从 $: 到 $state 的响应式重构
{total} — {label}
Vue 3.6 Vapor Mode 与 alien-signals：响应式内核的再一次进化
Vapor Mode 是什么 Vue 3 的渲染器走的是“虚拟 DOM”路线：组件渲染产生 VNode，再由 diff 算法找出最小变更。这套方案通用性强，但要付出创建 VNode、遍历、diff 的运行时开销。 Vapor Mode 是 Vue 的新一代编译策略：在编译阶段分析模板，直接生成“更新某个 DOM 节点属性/文本”的命令式代码，完全跳过虚拟 DOM 与 diff。它借鉴了 Solid 的思路，同时保留了 Vue 的模板语法与单文件组件体验。 开启方式 bash ...
TypeScript 原生化编译器 tsgo 来了：10 倍提速下的类型体操新实践
为什么要重写编译器 TypeScript 正在经历诞生以来最大的一次底层变革：官方把编译器从自举的 TypeScript/JavaScript 移植到了 Go，代号 tsgo（TypeScript Native）。原因很现实——tsc 与 VS Code 的语言服务跑在 V8 上，单线程、GC 压力大，在中大型仓库里一次全量检查动辄几十秒，编辑器跳转与补全也会随项目规模线性变慢。改用 Go 之后，可以天然利用多核并行、更紧凑的内存布局和更低的 GC 开销，官方给出的目标是编辑...