前端

区分实验室与真实用户指标，用可重复的场景定位加载、交互和布局问题。

用原生语义、可访问名称、焦点管理和状态提示让界面支持不同输入方式。

理解 XSS、CSRF、同源和凭据边界，把权限与数据处理放在正确的位置。

沿解析、样式、布局、绘制和合成分析页面工作，定位布局抖动与主线程阻塞。

理解依赖、开发构建和生产产物，用分层检查保护关键交互与发布过程。

围绕 Fetch、HTTP 错误、取消、缓存和凭据设计可恢复的数据界面。

从文档结构、原生控件和提交过程理解 HTML，完成一个能用键盘操作的表单。

按变化来源组织应用，区分组件状态、URL、服务端数据及 CSR/SSR/SSG 的职责。

用层叠规则、尺寸约束和 Grid/Flex 理解布局，排查溢出与移动端问题。

从 Dart 类型与声明式 UI 出发，理解 Widget/Element、约束布局和生命周期。

从 Dart 与约束布局走到可运行工程、组件测试和平台验证。

建立无第三方依赖的 Flutter 工程，通过学习记录板验证状态、布局和交互。

通过值传递、闭包、原型和模块理解 JavaScript，避免引用与调用方式造成的错误。

区分同步调用、微任务与任务，用取消和顺序保护处理异步竞争。

从一次渲染的快照理解状态更新、组件身份、表单与 Effect 清理。

搭建 TypeScript 起步工程，通过新增、完成和筛选理解 React 数据流。

从 Web 和状态模型走到 React 数据流、可运行项目、工程检查与排障。

把 React 数据流带到原生界面，理解布局、长列表、生命周期和原生依赖。

复用 React 与 TypeScript 基础，进入原生组件、Expo 工程和平台检查。

用 Expo TypeScript 工程完成跨端记录板，并明确 Web、模拟器与真机验证的区别。

用联合类型、收窄和泛型表达约束，并在网络边界验证真实数据。

理解 ref、reactive、computed 和 watch 的职责，建立清晰的组件数据流。

用 Composition API 和 TypeScript 实现表单、计算列表和完成状态。

从语言基础进入响应式、组件和计算状态，完成可运行工程与质量检查。

从语义页面走到浏览器机制、应用状态与性能安全，完成可解释、可调试的 Web 基础。