Vite 开发入口与生产构建产物
Vite 开发入口与生产构建产物 难度：进阶。本文为中文技术整理，保留来源中的技术边界；示例只用于阅读，未在本服务器执行。 开发服务器负责模块转换、热更新和代理；生产环境提供 dist 静态文件。history 路由刷新需要 fallback，但 API 路径不能被错误返回 HTML。 示例 npm
浏览器渲染性能：主线程、布局与长任务
浏览器渲染性能：主线程、布局与长任务 难度：深度。本文为中文技术整理，保留来源中的技术边界；示例只用于阅读，未在本服务器执行。 大量同步 JavaScript 会阻塞输入和绘制；频繁读写几何属性可能触发强制布局。性能结论应由 Performance 面板测量。 示例 performance.mark
前端认证：Cookie、token 与授权边界
前端认证：Cookie、token 与授权边界 难度：进阶。本文为中文技术整理，保留来源中的技术边界；示例只用于阅读，未在本服务器执行。 认证确认身份，授权确认能否访问资源。Cookie 属性、CSRF、XSS、过期和登出需要整体设计，前端隐藏按钮不能代替后端授权。 示例 const respons
前端表单的 idle、submitting、success 与 error
前端表单的 idle、submitting、success 与 error 难度：入门。本文为中文技术整理，保留来源中的技术边界；示例只用于阅读，未在本服务器执行。 表单状态机能避免重复提交和错误提示冲突。客户端校验改善体验，服务端校验仍是安全边界。 示例 if (state.status ===
前端列表性能：key、分页与虚拟列表
前端列表性能：key、分页与虚拟列表 难度：进阶。本文为中文技术整理，保留来源中的技术边界；示例只用于阅读，未在本服务器执行。 稳定 key 避免列表重排时组件状态错位；分页减少首屏数据；虚拟列表减少 DOM，但会增加滚动和可访问性设计。 示例 items.map(item => ({ key: i
Vue 组件的 props、emits 与单向数据流
Vue 组件的 props、emits 与单向数据流 难度：入门。本文为中文技术整理，保留来源中的技术边界；示例只用于阅读，未在本服务器执行。 父组件通过 props 传入数据，子组件通过事件报告操作；直接修改父级状态会让数据流和测试变复杂。 示例 const props = defineProps
TypeScript 为前端接口写出数据形状
TypeScript 为前端接口写出数据形状 难度：入门。本文为中文技术整理，保留来源中的技术边界；示例只用于阅读，未在本服务器执行。 类型能减少字段拼写和组件契约错误，但网络 JSON 仍需运行时校验，类型断言不会验证真实数据。 示例 type User = { id: string; name:
浏览器请求完整链路：URL、HTTP、JSON 与渲染
浏览器请求完整链路：URL、HTTP、JSON 与渲染 难度：入门。本文为中文技术整理，保留来源中的技术边界；示例只用于阅读，未在本服务器执行。 一次点击通常经历事件处理、HTTP 请求、响应解析、状态更新和组件重绘。HTTP 200 仍需检查业务 JSON。 示例 const response =
