关于本项目

欢迎来到 Front-End Notes，这是一套系统化整理的前端学习笔记，记录了从基础到进阶的前端技术知识体系。

涵盖内容

JavaScript 核心

深入 JavaScript 语言本身，涵盖数据类型、作用域与闭包、原型链、异步编程、Event Loop、Promise、模块系统等核心概念，帮助你构建扎实的语言基础。

👉 开始学习

TypeScript

TypeScript 类型系统、泛型、工具类型、tsconfig 配置等进阶内容，让 JavaScript 开发更安全高效。

👉 开始学习

React 生态

涵盖内置 Hooks（useState、useEffect、useRef、useMemo、useCallback 等）深度解析、API 用法、组件模式、路由管理等内容。

👉 开始学习

Vue 生态

Vue 3 响应式原理、组合式 API、组件通信、Vue Router、Nuxt SSR 服务端渲染等完整知识链，以及手写 Vue 核心源码的实践。

👉 开始学习

工程化实践

前端工程化工具链：Webpack、Vite、Rollup、esbuild 构建工具，ESLint、Prettier 代码规范，Husky、git-cz 工作流，以及 CLI 脚手架开发。

👉 开始学习

后端技术

Node.js 基础模块、Express / Koa 框架、MongoDB / Mongoose / Sequelize 数据库操作，理解全栈开发中的数据层。

👉 开始学习

设计模式

单例、工厂、发布订阅、观察者、策略、装饰器、MVVM 等常用设计模式及其在前端的应用场景。

👉 开始学习

前端实践 & 面试题

虚拟列表、图片懒加载、文件上传、性能优化等常见前端场景解决方案，以及高频面试题整理。

👉 开始学习

运维 / DevOps

Docker、Nginx、Git 常用操作与进阶技巧，以及 JMeter 压测。

👉 开始学习

计算机网络

网络基础协议与前端相关网络知识。

👉 开始学习

数据库

SQL、MySQL、Redis、Redisson。

👉 开始学习

项目结构

docs/zh/
├── JavaScript/       # JavaScript 核心知识
├── react/            # React 生态
│   ├── hooks/        #   Hooks 详解
│   ├── apis/         #   API 用法
│   ├── component/    #   组件模式
│   └── router/       #   路由管理
├── vue/              # Vue 生态
│   ├── handwriting/  #   手写源码
│   ├── vue-router/   #   路由
│   └── nuxt/         #   Nuxt 框架
├── Engineering/      # 工程化实践
├── misc/             # 杂项（设计模式 / IDE 配置 / VitePress）
├── backend/          # 后端技术（Java / Node.js）
├── database/         # 数据库（SQL / MySQL / Redis）
├── devops/           # 运维（Docker / Nginx / Git / JMeter）
├── frontend/         # 前端实践（性能优化 / 懒加载 / 文件上传）
├── network/          # 计算机网络（HTTP / SSE）
├── Security/         # Web 安全
├── Interview/        # 面试题
└── tools/            # 工具配置

开始阅读

建议按需查阅，也可以从自己感兴趣的主题开始：

• 想夯实基础 → JavaScript 核心
• 想学框架 → React 生态 或 Vue 生态
• 想提升工程能力 → 工程化实践
• 想准备面试 → 前端实践 & 面试题 或 面试题

ACM