🎨 前端资料库

不转载原文。每条只做三件事：说清这份资料解决什么问题、补上你需要的背景、写下我踩过的坑，然后把你送到原作者那里去读。

关于这个库怎么用

前端的知识过期得比后端快，所以这个库刻意做了两件事：一是优先收录规范与浏览器厂商的一手来源（MDN、web.dev、Chrome、WebKit、Mozilla Hacks），二是每条都标注了能力可用性的判断方式，而不是只说"这个特性很好用"。

每条的结构固定：

字段	含义
来源	原作者与站点
读它解决什么	什么场景下该翻出这一条
要点	这个主题你需要知道的背景，我写的
我的补充	兼容性边界、降级方案、我踩过的坑
阅读原文	直达原作者页面

⚠️ 要点与补充均为本人撰写，不是原文摘录。原文的具体数据与结论请以链接为准。

---

📚 分卷

① 现代 CSS 布局与视觉 · 20 条

Grid、Flexbox、容器查询、锚点定位、级联层、颜色函数、滚动驱动动画。适合"这个布局用现在的 CSS 该怎么写"。

② 浏览器平台能力 · 20 条

视图过渡、导航 API、Baseline、dialog 元素、Page Visibility、Broadcast Channel、WebGPU 与 WebAssembly。适合"这个功能还需要 JS 库吗"。

③ JavaScript 与 TypeScript · 20 条

Temporal、Set 方法、Intl、Streams API、TypeScript 大版本演进。适合"语言层面现在有什么新工具"。

④ 性能与可访问性 · 20 条

LCP 优化、图片格式与编解码、JS 性能、ARIA 的正确用法、少发 JavaScript。适合"页面慢了 / 无障碍检查不过"。

⑤ 构建工具与框架 · 20 条

Vite 各版本演进、Vue 3.x、VitePress、服务端渲染与静态生成、开发体验工具链。适合"构建配置和框架升级"。

---

📊 收录统计

项目	数值
收录条目	100 条
分卷数	5 卷
独立来源站点	9 个
收录截止	2026-08-20
链接核验	全部经抓取核对

主要来源：MDN Blog、web.dev、Chrome for Developers、WebKit Blog、Mozilla Hacks、CSS-Tricks、Frontend Masters、Vite 官方博客、Vue 官方博客、TypeScript DevBlog、Smashing Magazine。

📌 一条选材说明：知名 JS 博客 2ality（Axel Rauschmayer）已于 2026 年整站下线，作者公开说明原因是流量几乎全部来自 AI 爬虫而收入归零。所以这个库没有收录它——链接会失效。这件事本身也值得记一笔：优质技术内容的可持续性正在被爬流量的方式消耗掉，这也是我坚持"只做索引和导读、把读者送回原站"的原因。

---

🔍 找不到想要的？用站内搜索直接搜关键词。