Vite 借助原生 ESM 与 esbuild 预构建，做到开发秒级启动、按需编译。本文拆解其原理、配置、与 Webpack 迁移落地要点。
2026-09-21
View Transitions API 是浏览器原生页面过渡方案，让 MPA/SPA 无需动画库即可实现丝滑视图切换与共享元素动画，含降级与调试要点。
2026-09-20
原生 CSS 嵌套（CSS Nesting）已在 Chrome、Safari、Firefox 全面支持。本文用可复制示例，带你用 & 父选择器、嵌套媒体查询与 @supports 回退，把 SCSS 式写法搬进纯 CSS，无需预处理器即可享受嵌套带来的可读性。
2026-09-20
媒体查询只能看视口，组件却要跟着父容器变。CSS 容器查询 @container 让卡片、侧栏真正组件级自适应：从 container-type 取值、编写查询到浏览器降级，一篇讲透。
2026-09-17
Web Components 是一套浏览器原生标准，用 Custom Elements 和 Shadow DOM 就能不依赖框架封装可复用组件。本文从零实现一个 user-card 组件，并讲清样式隔离、属性响应与落地场景。
2026-09-17
前端水合(Hydration)决定 SSR 首屏能否交互。本文讲清原理、四类 mismatch 修复与流式/局部水合优化。
2026-09-15
线上 JS 报错被压缩后堆栈不可读？前端错误监控 + Source Map 还原，把 app.min.js:1:12345 反查回源码行号，附全局采集与自建收集器代码。
2026-09-15
基于 RBAC 模型的前端权限控制实战：用路由守卫拦截非法访问，动态生成菜单与路由，再用自定义指令实现按钮级鉴权，并讲清前后端权限边界。
2026-09-13