flowchart LR
N0["01 表单与校验"]
N1["02 身份与权限"]
N2["03 任务与测试"]
N3["04 性能与资源"]
N4["05 部署与回滚"]
N0 --> N1 --> N2 --> N3 --> N4
质量安全与交付
从浏览器与组件学到 Vue、React、路由、状态、渲染、安全和交付
0 子目录4 文档
CHAPTER OVERVIEW · 章节概览
先保证用户能正确完成操作，再检查权限边界、回归测试和性能；构建成功后仍要验证真实部署。
本章学习路线
箭头表示建议的学习顺序；先理解问题，再逐步进入实现与实践。
按顺序学习
4表单、身份与安全：隐藏按钮不是权限控制把“发布”按钮藏起来，普通访客看起来就不能发布了。但任何人都可以跳过页面直接发请求。前端负责把操作解释清楚，最终授权必须由服务端或数据库执行。前端测试：证明用户能完成任务，而不是证明函数被调用测试写了很多，用户还是打不开文章。常见原因是测试只检查内部 setter 调用，却没有走过真实入口。先定义用户想完成的事，再选择测试层次。前端性能：先找到慢在哪里，再决定怎么优化“首页慢”至少可能指三件事：迟迟没有主要内容，点击后反应迟钝，或者页面不断跳动。把它们分开测，优化才不会变成到处加缓存。Vercel 部署与回滚：构建成功之后还要确认什么本地能打开、云端构建成功、读者真正读到新课程，是三个不同的里程碑。这个知识库尤其如此：页面程序部署在 Vercel，正文来自 Supabase，Git 中的 Markdown 只是课程源文件。