808 字
约 2 分钟
6
S14-X02 · 前端八股与路线
2024-12-31
2026-11-07
Vue 3 与前端
前端与可视化

定位：附录索引。题 → 一句话答案 → 正文位置。
覆盖旧文：1899(65 学习路线) 1759(178 项目跑起来-Windows) 1748(155 macOS) 332(19 Knife4j) = 417 点。
上一篇：S14-A02 · 可视化与内容渲染
下一篇：S15 · Linux 与运维（下一系列）。

1. 基础（B01–B05）

# 问题 一句话答案 正文
1 声明式与命令式 描述 UI vs 手动改 DOM B01 §1
2 ref 与 reactive 任意值 / 对象 B01 §2、B03 §4
3 构建产物为什么带 hash 内容变则名变，可长缓存 B01 §3、A01 §2
4 v-if 与 v-show 销毁重建 vs 改 display B02 §2
5 v-for 的 key 必须稳定唯一（别用 index） B02 §4
6 v-html 风险 不转义，XSS B02 §5、A02 §5
7 effect 与 watch 同步 vs 异步批处理 B03 §2
8 连续改值 watch 触发几次 一次（批处理，实测） B03 §3
9 微任务与宏任务 微任务先（Promise 等） B03 §5
10 原子化 CSS 收益 无命名负担 + 只输出用到的 B04 §2
11 Vite 开发态为什么快 原生 ESM 按需编译 B05 §2
12 别名要配几处 vite + tsconfig 两处 B05 §3

2. 进阶（J01–J04）

# 问题 一句话答案 正文
13 hash vs history 无需后端 / 需 fallback J01 §1
14 刷新 404 的原因 history 模式缺 rewrite J01 §1
15 路由懒加载 首屏只下首页 chunk J01 §4
16 打包里最大的是什么 Vue 运行时（实测 97%） J02 §1
17 体积优化优先级 先拆、再换、再裁、最后压 J02 §4
18 gzip 与 gzip_static 动态压 vs 预压（零 CPU） J03 §2
19 压缩级别怎么选 -6 与 -9 几乎一样 J03 §1
20 首屏四阶段 下载 HTML/资源、解析执行、渲染 J04 §1
21 压到极限还慢怎么办 换阶段（拆包/懒加载/SSR） J04 §2

3. 架构（A01–A02）

# 问题 一句话答案 正文
22 index.html 缓存策略 no-cache A01 §1
23 assets 缓存策略 长缓存 + immutable A01 §1
24 发版顺序 先 assets 后 index A01 §4
25 渲染链路 MD→HTML→高亮→展示 A02 §2
26 动画选型 简单用 CSS，编排用 GSAP A02 §3
27 Markdown XSS 关闭内联 HTML A02 §5

4. 附：环境与工具（旧文登记）

卡 内容 说明
A-1759 / A-1748 本地跑起来（Windows / macOS） 属环境类，见 S01-B01 方法论
A-1899 前端学习路线 仅登记（路线类）
A-332 Knife4j（Java API 文档） 属 S07-B06 的文档主题（重复参考）

本篇属于系列《S14 · 前端与可视化》，是基础层附录。

S14-X02 · 前端八股与路线
https://www.clxhxhhr.top/posts/5388/
作者
clxstart
发布于
2024-12-31
许可协议
CC BY-NC-SA 4.0
S14-X01 · 生态库速查（附录）
S15-B01 · Linux 全景与学习路径
评论
0 条
还没有评论，先写一条吧。