# frontend-study **Repository Path**: 2010thxl/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-03-12 - **Last Updated**: 2023-01-19 ## 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) - [学习笔记\_基于 Vue 的静态站点生成: Gridsome](./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 - Vue.js 3 + Vite + TypeScript - [学习笔记\_Vue3-Vite-TypeScript](./part-3/module-7/Vue3-Vite-TypeScript.md) --- ### part 4 - React 框架原理与实战 #### 模块 1 - React 设计原理解密及核心源码解读 - [学习笔记\_React 基础](./part-4/module-1/task-1-react/notes/React.md) - [学习笔记\_VirtualDOM-Diff](./part-4/module-1/task-2-VirtualDOM-Diff/notes/VirtualDOM-Diff.md) - [学习笔记\_Fiber](./part-4/module-1/task-3-Fiber/notes/Fiber.md) - [学习笔记\_React 核心源码解读](./part-4/module-1/task-4-React-source-code/notes/React-source-code.md) #### 模块 2 - React 数据流方案专题（Redux、MobX） - [学习笔记\_Redux](./part-4/module-2/task-1-Redux/notes/Redux.md) - [学习笔记\_MobX@6](./part-4/module-2/task-2-MobX/notes/MobX.md) - [学习笔记\_MobX@5](./part-4/module-2/task-3-MobX@5/notes/MobX@5.md) #### 模块 3 - React Hooks、Chakra-UI、组件性能优化 - [学习笔记\_Hooks](./part-4/module-3/task-1-Hooks/notes/Hooks.md) - [学习笔记\_React 表单增强 —— Formik](./part-4/module-3/task-2-Formik/notes/Formik.md) - [学习笔记\_受控组件与非受控组件](./part-4/module-3/task-3-Component/notes/Component.md) - [学习笔记\_CSS-IN-JS](./part-4/module-3/task-4-CSS-IN-JS/notes/CSS-IN-JS.md) - [学习笔记\_Chakra-UI](./part-4/module-3/task-5-Chakra-UI/notes/Chakra-UI.md) - [学习笔记\_React 组件性能优化](./part-4/module-3/task-6-react-performance-optimization/notes/react-performance-optimization.md) #### 模块 4 - React 服务端渲染专题（原生实现、Next.js 集成框架、Gatsby） - [学习笔记\_React 服务器端渲染](./part-4/module-4/task-1-React-SSR/notes/React-SSR.md) - [学习笔记\_React 服务器端渲染框架: Next](./part-4/module-4/task-2-Next/notes/React-SSR-Next.md) - [学习笔记\_基于 React 的静态站点生成器: Gatsby](./part-4/module-4/task-3-Gatsby/notes/Gatsby.md) #### 模块 5 - React + Redux + Ant Design + TypeScript 实战 - [学习笔记\_React + Redux + Ant Design + TypeScript 实战](./part-4/module-5/notes/React-Redux-AntDesign-TypeScript.md) --- ### part 5 - Node.js 全栈开发 #### 模块一 - Node.js 高级编程（核心模块、模块加载机制） - [学习笔记\_Node.js 核心编程](./part-5/module-1/notes/Node.js核心编程.md) --- ### part 7 - 商业技术解决方案与高阶技术专题 #### 模块一 - 微前端解决方案 - [学习笔记\_微前端](./part-7/module-1/notes/微前端.md) #### 模块二 - 前端自动化测试专题 - [学习笔记\_自动化测试基础概念](./part-7/module-2/task-1-base/notes/自动化测试基础概念.md) - [学习笔记\_Jest 使用](./part-7/module-2/task-2-Jest/Jest.md) - [学习笔记\_Vue 应用测试](./part-7/module-2/task-test-vue-TDD-BDD\notes\test-Vue.md) #### 模块五 - Serverless 无服务架构专题 - [学习笔记\_Serverless](./part-7/module-5/notes/Serverless.md)