# frontend-study

**Repository Path**: haimaqu/fed-e-task-01-01

## Basic Information

- **Project Name**: frontend-study
- **Description**: frontend study
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2021-12-08
- **Last Updated**: 2022-05-24

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# frontend-study

## 介绍

frontend study

## 文档

### part 1 - JavaScript 深度剖析

#### 模块 1 - 函数式编程与 JS 异步编程、手写 Promise

- [学习笔记\_函数式编程](./part-1/module-1/FP-Async/task-1-FP/notes/学习笔记_函数式编程.md)
- [学习笔记\_异步编程](./part-1/module-1/FP-Async/task-2-Async/notes/学习笔记_异步编程.md)
- [学习笔记\_手写 Promise 源码](./part-1/module-1/FP-Async/task-3-Promise-specification/notes/学习笔记_手写Promise源码.md)

#### 模块 2 - ES 新特性与 TypeScript、JS 性能优化

- [学习笔记\_ECMAScript](./part-1/module-2/task-1-ECMAScript/notes/ECMAScript.md)
- [学习笔记\_TypeScript](./part-1/module-2/task-2-TypeScript/notes/TypeScript.md)
- [学习笔记\_JavaScript 性能优化 1](./part-1/module-2/task-3-performance-optimization/notes/performance-optimization.md)
- [学习笔记\_JavaScript 性能优化 2](./part-1/module-2/task-4-performance-optimization/notes/performance-optimization-2.md)

---

### part 2 - 前端工程化

#### 模块 1 - 开发脚手架及封装自动化构建工作流

- [学习笔记\_工程化概述](./part-2/module-1/task-1-Frontend-Engineering/notes/工程化概述.md)
- [学习笔记\_脚手架工具](./part-2/module-1/task-2-CLI/notes/脚手架工具.md)
- [学习笔记\_自动化构建](./part-2/module-1/task-3-auto-build/notes/自动化构建.md)

#### 模块 2 - 模块化开发与规范化标准

- [学习笔记\_模块化开发](./part-2/module-2/task-1-modules/notes/模块化开发.md)
- [学习笔记\_Webpack 打包](./part-2/module-2/task-2-webpack/notes/Webpack打包.md)
- [学习笔记\_Rollup-Parcel](part-2/module-2/task-3-other-tools/notes/Rollup-Parcel.md)
- [学习笔记\_规范化标准](part-2/module-2/task-4-standardized/notes/规范化标准.md)
- [学习笔记\_webpack 源码](part-2/module-2/task-5-webpack-source-code/notes/webpack源码.md)

---

### part-3 - Vue.js 框架源码与进阶

#### 模块 1 - 手写 Vue Router、手写响应式实现、虚拟 DOM 和 Diff 算法

- [学习笔记\_Vue.js](./part-3/module-1/task-1-vue/notes/Vue.js.md)
- [学习笔记\_vue-router](./part-3/module-1/task-2-vue-router/notes/vue-router.md)
- [学习笔记\_Vue 响应式原理模拟](./part-3/module-1/task-3-vue-reactivity/notes/Vue响应式原理模拟.md)
- [学习笔记\_Virtual-DOM 的实现原理](./part-3/module-1/task-4-virtual-dom/notes/Virtual-DOM的实现原理.md)

#### 模块 2 - Vue.js 源码分析（响应式、虚拟 DOM、模板编译和组件化）

- [学习笔记\_Vue.js 源码剖析-响应式原理](./part-3/module-2/task-1-vue-source-code-reactivity/notes/vue-source-code-reactivity.md)
- [学习笔记\_Vue.js 源码剖析-虚拟 DOM](./part-3/module-2/task-2-vue-source-code-virtual-dom/notes/vue-source-code-virtual-dom.md)
- [学习笔记\_Vue.js 源码剖析-模板编译和组件化](./part-3/module-2/task-3-vue-source-code-template-compiler-render/notes/vue-source-code-template-compiler-render.md)

#### 模块 3 - Vuex 数据流管理及 Vue.js 服务端渲染（SSR）

- [学习笔记\_Vuex 状态管理](./part-3/module-3/task-1-vuex/notes/Vuex.md)
- [学习笔记\_服务端渲染基础](./part-3/module-3/task-2-ssr/notes/SSR.md)
- [学习笔记\_Nuxt.js](./part-3/module-3/task-3-nuxt/notes/NuxtJS.md)
- [学习笔记\_Nuxt.js 综合案例](./part-3/module-3/task-4-nuxt-demo/notes/NuxtJS-demo.md)

#### 模块 4 - 搭建自己的 SSR、静态站点生成（SSG）及封装 Vue.js 组件库

- [学习笔记\_搭建自己的 SSR](./part-3/module-4/task-1-SSR/notes/SSR.md)
- [学习笔记\_静态站点生成](./part-3/module-4/task-2-static-site-generate/notes/static-site-generate.md)
- [学习笔记\_封装 Vue 组件](./part-3/module-4/task-3-package-vue-components/notes/package-vue-components.md)

#### 模块 5 - Vue.js 3.0 Composition APIs 及 3.0 原理剖析

- [学习笔记\_Vue@3.0 介绍](./part-3/module-5/task-1-vue3/notes/Vue3.md)
- [学习笔记\_Composition-API](./part-3/module-5/task-2-vue3-Composition-API/notes/Vue3-Composition-API.md)
- [学习笔记\_Vue@3.0 响应式原理](./part-3/module-5/task-3-vue3-reactivity/notes/Vue3-reactivity.md)
- [学习笔记\_Vite 实现原理](./part-3/module-5/task-4-vite/notes/Vite.md)

---

#### 模块 6 - Vue.js + Vuex + TypeScript 实战项目开发与项目优化

- [学习笔记\Vue-ts](./part-3/module-6/Vue-ts.md)

#### 模块 7 -

- [学习笔记\Vue3-Vite-TypeScript](./part-3/module-7/Vue3-Vite-TypeScript.md)