MARKUP
HTML5 语义
用 header / nav / main / aside / footer 描述结构，让搜索引擎与辅助技术都读懂你的页面。
前端不只是写页面，每个能力域都有自己的心智模型，配图帮你一眼抓住要点。
用 header / nav / main / aside / footer 描述结构，让搜索引擎与辅助技术都读懂你的页面。
Flexbox 处理一维、Grid 处理二维，盒模型与定位是底座，响应式靠媒体查询收口。
闭包、原型链、事件循环是三大根基，ES6+ 语法与异步编程决定你写得多顺。
Vue 上手柔、React 灵活度高，理解响应式与虚拟 DOM 的差异，比纠结选哪个更重要。
Vite/Webpack 管打包，ESLint + Prettier 管规范，CI/CD 把代码自动送到线上。
从 ECharts 到 D3，再到 Canvas / WebGL，把数据变成洞察，是前端的延伸高地。
从能还原设计稿，到能撑起一套架构，每阶段都有验收标准。
HTML + CSS 还原设计稿，掌握盒模型、Flex / Grid 与响应式断点。
原生 JS 操作 DOM 与事件，理解闭包与异步，能独立做出可用功能。
Vue / React 组件化开发，接入状态管理与路由，用 Vite 跑通工程。
监控 Core Web Vitals，做组件库与微前端，关注可维护性与团队协作。
日常开发绕不开的几把瑞士军刀，每个都值得花一两天摸熟。
基于 ESM 的下一代构建工具，冷启动快到飞起，HMR 几乎瞬时。
代码规范与格式化双保险，团队协作不再为风格吵架。
接口调试与 Mock，联调前先把数据契约对齐，省一半返工。
看懂设计稿、量标注、切图导出，前端与设计师的通用语言。
原子化 CSS 思路，写得快、改得稳，理解后能极大提升还原效率。
元素、网络、性能、内存四件套，调 Bug 与做优化的第一现场。
分支策略与冲突解决，协作开发的底座，commit 写得好回溯才不痛。
硬链接 + 内容寻址的包管理器，磁盘占用小、安装快，monorepo 友好。
跟着系统教程从零搭一个完整应用，比看一百篇文章都管用。