外观
前端黑话词典
读文章、看面试题时被缩写卡住的，来这里。每条只有一句人话 + 一个链接，30 秒放行；需要展开的细节属于各分区正文，不在这里堆。
持续生长的长文：遇到新黑话、被卡住超过一次，就回来加一条。
渲染类
CSR（Client-Side Rendering · 客户端渲染）
浏览器先拿到一个几乎空白的 HTML，页面全靠下载回来的 JS 现画——「先发货空箱子，到了再组装」。
链接：MDN 术语表 · CSR · 深入：应用形态对比
SSR（Server-Side Rendering · 服务端渲染）
第一次访问由服务器把页面画成完整 HTML 再发过来，所以首屏快、搜索引擎能看懂；之后的交互仍由 JS 接管。
链接：MDN 术语表 · SSR · 深入：应用形态对比
SSG（Static Site Generation · 静态生成）
构建时就把页面提前画成 HTML 文件存好，访问时直接发——本知识库就是这么建的。
链接：MDN 术语表 · SSG · 深入：应用形态对比
Hydration（水合 / 注水）
SSR 发来的是「照片级」HTML，但不能交互； hydration 就是 JS 在后台把这张照片「盘活」、接上事件和响应式的那一步。
岛屿架构（Islands Architecture）
页面绝大部分是静态 HTML，只有真正需要交互的小块（岛屿）各自挂载 JS——比起整页 hydration，省掉了大量没必要的 JS。
链接：Islands Architecture（定义者 Jason Miller 的原文）
构建与工具类
AST（Abstract Syntax Tree · 抽象语法树）
代码被解析器读进去后变成的一棵树状结构——编译器、压缩器、ESLint 都是在这棵树上动手脚，而不是在字符串上做查找替换。
Polyfill（垫片）
用新语法写代码，再塞一段「旧浏览器也能看懂的等价实现」，让老环境也能跑——垫在中间的那块板子。
Tree-shaking（摇树优化）
打包时把「import 了但根本没用到的代码」整个摇掉，让最终文件只保留真正会执行的部分。
HMR（Hot Module Replacement · 模块热替换）
改代码保存后，只把改动的那一个模块替换进正在跑的页面，不整页刷新——Vite 开发时「一存就变」靠的就是它。
链接：Vite 官方文档
CDN（Content Delivery Network · 内容分发网络）
把静态资源提前复制到全球各处的节点上，用户从最近的一台拿——「连锁便利店，不用都进城总仓」。
架构类
ADR（Architecture Decision Record · 架构决策记录）
把「当时面对什么问题、考虑过谁、为什么选了它、放弃了什么」写成一条记录，给三个月后的自己看。
链接：深入与模板：架构决策日志（ADR）
收录标准
满足任一条才收：① 在两个以上地方见过这个缩写；② 自己被它卡住过一次。三个字母以内的「真黑话」优先，人人能懂的普通词不收。