梦里母猪上树

源码Watcher类型 Render Watcher src/platforms/web/runtime/index.ts - 通过$mount绑定,后续还会在complier增强 进行$mount的

src/platforms/web/runtime/index.ts - dom核心 dom核心,通过在core/index导出的Vue构造函数的基础上增强属性,实现$mount,开启和devtool

src/core/instance/index.ts - 构造函数创建 src/core/instance/init.ts - 构造函数中_init实现 initMixin 实现 触发前置的生命周期,

src/core/index.ts - 往vue的构造函数挂载静态属性 src/core/global-api/index.ts - initGlobalAPI函数执行,注入静态方法和属性 src/c

打包命令 scripts/build.js 实际运行的打包命令,通过rollup实现 scripts/config.js 配置打包输出和输入路径 scripts/alias.js 指定vue目标文件,

基本类型 any unknown any 类型可以和任何类型交换,any类型在是对象时会自动推导 unknown 直接接受其他类型 不能传递给其他类型 unknown 类型为对象时,不能读属性和方法

react核心拆解 react 核心是以 状态声明视图可变内容显示,通过事件控制状态更新,状态更新后驱动视图更新, 数据(状态) 视图(render) 事件 而他们三方又是独立的 react 通过 调

vite 原理 webpack开发阶段实现 根据入口文件分析依赖模块,构建依赖图后根据配置打包文件,返回产物 在一次启动的情况下会将入口模块所有依赖的文件全部读取并打包,在模块较多时比较影响构建性能

npm install 原理 npm会检查本地的node_modules 目录 是否已经安装过该模块,如果已经安装,则不再重新安装 npm会检查缓存， 如果有相同的模块则直接从缓存中读取安装 如果本地