front-end

主题

关于本项目 ​

欢迎来到 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 等常用设计模式及其在前端的应用场景。

👉 开始学习

实用技巧 & 面试题 ​

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

👉 开始学习

Git ​

Git 常用操作与进阶技巧：reset vs revert、merge vs rebase 等。

👉 开始学习

计算机网络 ​

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

👉 开始学习

项目结构 ​

docs/
├── JavaScript/       # JavaScript 核心知识
├── TypeScript/       # TypeScript 进阶
├── react/            # React 生态
│   ├── hooks/        #   Hooks 详解
│   ├── apis/         #   API 用法
│   ├── component/    #   组件模式
│   └── router/       #   路由管理
├── vue/              # Vue 生态
│   ├── handwriting/  #   手写源码
│   ├── vue-router/   #   路由
│   └── nuxt/         #   Nuxt 框架
├── Engineering/      # 工程化实践
├── backend/          # 后端技术
├── DesignPatterns/   # 设计模式
├── Misc/             # 实用技巧 & 面试题
├── Git/              # Git 操作
└── network/          # 计算机网络

开始阅读 ​

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