本站导读与站点说明
文末附有 站点地图（与导航栏、站内目录对齐）、专题导航 与 使用提示，便于一站式检索。
一、文档说明
注意
本文档内容均为个人开发实践中的经验总结与思考，仅供参考。 如有疏漏或不妥之处，欢迎指正交流 🌱
这里是我在技术旅程中的一方自留地，记录着沿途的学习笔记与实战沉淀。 从前端交互到移动端体验，从后端架构到数据库设计，再到运维实践的点点滴滴 —— 每一个领域，都是探索的脚印。
作者邮箱
二、本站知识体系导读
本站按主题整理前端与工程实践笔记，便于检索与系统化复习。
核心维度
知识大纲通常覆盖以下四个层面，难度随岗位级别（初级 / 中级 / 高级）递增。
基础理论层
前端三大基石（HTML、CSS、JavaScript）的概念与机制。
常见要点：CSS 盒模型的两种模式区别、JavaScript 原型链机制、ES6+ 新特性（如 Promise、箭头函数）的实际应用。
框架工具层
主流框架（React、Vue、Angular）及配套工具的使用与原理。
常见要点：React Hooks 的工作原理与使用限制、Vue 的响应式原理（Vue2 vs Vue3）、Webpack 打包优化手段。
工程能力层
实际项目中的工程化思维与问题解决能力。
常见要点：前端性能优化方案（加载 / 渲染 / 运行时优化）、跨域问题的解决方案、前端错误监控与异常处理。
综合业务层
结合业务场景的技术选型与落地能力，多针对中高级岗位。
常见要点：大型前端项目的状态管理方案设计、复杂表单的性能优化与用户体验提升、前端微服务（Micro-Frontend）的实践思路。
不同岗位级别的侧重点
初级前端：重点考察基础理论（HTML/CSS/JS）和框架的基本使用，编程题以简单逻辑实现为主。
中级前端：侧重框架原理、工程化工具（Webpack/Vite）、性能优化，会要求结合项目经验分析问题。
前端：聚焦架构设计、技术选型、跨端方案，以及团队协作与技术沉淀能力。
三、站点地图
前端 · 原生与语言
| 分区 | 推荐入口 |
|---|---|
| HTML | HTML 导读 |
| CSS | CSS 导读 |
| JavaScript | JavaScript 简介 |
| TypeScript | TypeScript 简介 |
前端 · 框架（Vue / React 长文）
| 分区 | 推荐入口 | 说明 |
|---|---|---|
| Vue 2 | Vue2 入门 | 建议按 01～08 编号顺序阅读 |
| Vue 3 | Vue3 入门 | 建议按 01～07 编号顺序阅读 |
| React | React 入门 | 各章相对独立，可从 01 总览后按需跳读；含路由、状态管理与附录分册 |
前端 · 构建与包管理
| 分区 | 推荐入口 |
|---|---|
| Webpack | Webpack 简介 |
| Vite | Vite 简介 |
| npm | npm 与包管理导读 |
前端 · 横切主题
| 分区 | 推荐入口 |
|---|---|
| HTTP | HTTP 导读 |
| 前端优化 | 前端优化导读 |
| 前端安全 | 前端安全总览 |
| 前端架构 | 前端架构总览 |
后端 · Node
| 分区 | 推荐入口 |
|---|---|
| NestJS | NestJS 简介 |
运维 · 系统与服务
| 分区 | 推荐入口 |
|---|---|
| Linux | Linux 导读 |
| Nginx | Nginx 简介 |
| Shell | Shell 入门 |
数据库
| 分区 | 推荐入口 |
|---|---|
| Redis | Redis 简介 |
| MySQL | MySQL 导读 |
其他站内目录（侧边栏可见）
- 个人作品：大屏可视化、微前端、低代码、SSR、RBAC、PWA、本站文档站等演示说明。
- CICD / Docker：含 Docker 基础与环境搭建笔记。
- JavaScript 子目录：异步、事件、DOM/BOM、算法、本地缓存、WebSocket 等可按侧边栏渐进阅读。
若某链接 404，多为文件名变更导致；请用左侧 搜索 或 目录树 定位同名主题。
四、使用提示
- 检索：主题区右上角搜索（本地索引），适合关键词如「跨域」「Fiber」「批处理」。
- 深色主题：默认深色，可在导航栏切换浅色，减轻长文阅读疲劳。
（本文内容与免责声明以正文为准，站点地图随仓库更新。）