提莫队长

常见的前端源码实现，每日手搓一道，拯救下日益衰弱脑细胞。 常见的前端源码实现，每日手搓一道，拯救下日益衰弱脑细胞。

前言 前一阵子由于工作需要，接触了一些 C 端 SSR 项目，故借由这次机会对 react 的 SSR 和同构原理做了些深入学习和了解，以下内容主要是这次学习实践的相关记录。

项目准备 初始化 .npmrc 在为了解决npm龟速下载的糟糕体验时，我们一般会将npm源设置为淘宝镜像源 但是大家想想，万一某个同学克隆了你的项目之后，准备在他本地开发的时候，并没有设置淘宝镜像 源

计算属性是基于它们的响应式依赖进行缓存的，只在相关响应式依赖发生改变时它们才会重新求值。每当触发重新渲染时，调用方法将总会再次执行函数。

是一个打包模块化JavaScript的工具，它会从入口模块出发，识别出源码中的模块化导入语句，递归 地找出入口文件的所有依赖，将入口和其所有的依赖打包到一个单独的文件中

前端工作中常见的树包括： DOM 树、级联选择（省市区三级，日期。。。）、树形控件... 1. 深度优先遍历：尽可能深的搜索树的分支 2. 广度优先遍历： 先访问离根节点最近的节点 3. 二叉树的先中后序遍历

查看动画文件的相关属性（动画时常，帧数，画布大小。。。）

1. Watcher 2. Dep 3. 关系 Watcher解析一个表达式并收集依赖，当数值变化时触发回调函数，常用于$watch API和指令中。 每个组件也会有对应的Watcher，数值变化会触发其update函数导致重新渲染 4. 改造 defineReactive 方…

​ 相信大家对于 Vue 的数据响应式原理并不陌生，vue2 中利用 Object.defineProperty() 实现变更检测，而 Vue3 则利用了 ES6 提供的 ProxyAPI 来取代了之前的 defineProperty 来实现这一功能。既然知道其响应式原理，那么…