前端体系化知识

```ts /** * 简单实现响应式（ref、effect） */ class RefImpl { _value subs = new Set<() => void>() constructor(v

一、代码规范 1.1 集成.editorconfig 新建.editorconfig文件 vsCode编辑器里要安装插件：EditorConfig for VS Code 1.2 使用prettier

EventEmitter（前端里特种重要的一个设计模式：发布订阅） koa源码里一个函数的实现（洋葱模型） 比较偏于架构、设计模式（很浅）的一个东西 工具（流程函数）

1.Vuex（现以Vuex3版本叙述） 2.Vue-router 3.Vue的响应式核心原理，手写defineReactive

1 手写简版redux 首先需要明白状态管理的思路，我们所管理的状态是怎样的？ 数据的生命周期是什么？（js runtime，刷新就没了） 数据的作用范围是什么？（全局共享数据状态） 数据应该存放在哪

MVC MVVM Vue的一些进阶用法、开发插件、Vue的设计思路、Vue源码的一些前置知识。。。。

1.基础篇 2.type的使用 3.装饰器（感觉还是没学到这块的精髓使用） 想用装饰器需要在tsconfig.json里改配置 4.TypeScript 中的内置类型 tsconfig配置详解 后续需

ECMAScript发展； ES6的语法详解； ESNext的了解； babel的了解与使用； 了解编译器。

进程与线程的简短了解； JS为什么是单线程； 浏览器包含哪些进程； 事件循环； 宏任务& 微任务；

引擎中有垃圾回收机制，它主要针对一些程序中不再使用的对象，对其清理回收释放掉内存。但是不是所有无用对象内存都可以被回收的，那当不再用到的对象内存，没有及时被回收时，这种场景称之为内存泄漏。

JavaScript的垃圾回收机制； 什么是GC； 垃圾如何产生&为何回收； 垃圾回收的策略； V8对GC的优化；

浏览器请求： 在浏览器端发送⽹络请求的常⻅⽅式： ajax； fetch； axios；

Promise/A+官方地址； async/await：⽤同步⽅式，执⾏异步操作； generator实现async/await

Promise 对象表示异步操作最终的完成（或失败）以及其结果值。 实现Promise的其他方法：all、race、allSettled、any

1.手写模拟new new 运算符允许开发人员创建一个用户定义的对象类型的实例或具有构造函数的内置对象的实例。

手写call、aplly、bind函数； 通过步骤一步一步手写该3个函数的实现，通过步骤将难点变得通俗易懂。

1、闭包是指那些能够访问⾃由变量的函数。 2、ECMAScript中所有函数的参数都是按值传递的；。

对于每个执⾏上下⽂，都有三个重要属性： 变量对象( Variable object ，VO)； 作⽤域链( Scope chain )； this；

1、原型和原型链（整条链式的讲解）； 2、词法作用域和动态作用域（静态作用域）； 3、执行上下文（简单概要）；