vue源码探究
luckybing~
一个积极向上、乐观开朗、遇到Bug想一晚上、没秃顶、会写段子的web前端工程师
展开
-
vue 原理
(一)vue 初始化对数据的处理 初始化用户传入data ----> 将数据进行观测 -----> 进行对象的处理 -----> 遍历对象 -----> 绑定监听 (1)将对象进行观测:会对数据进行判断,是【数组】还是【对象】 (观察者模式) 特点:观察者要直接订阅观察目标,观察目标一做出通知,观察者就要进行处理(这也是观察者模式区别于发布/订阅模式的最大区别) (2)进行对象的处理:对象遍历 第一遍 (遍历Object.keys()) (3)循环对象定义响应式变化:原创 2020-12-15 15:30:42 · 1110 阅读 · 0 评论 -
(二)vue 源码构建打包工具
(一)打包构建工具 说到 构建打包工具,我首先第一反应是 webpack,而在 vue 源码中,是使用 rollup 来打包构建的 (二)打包构建发生了啥 在package.json 的 scripts 中,我们看到了三条关于构建相关的命令 // 正常的打包,没区分端 "build": "node scripts/build.js", // 服务端 ssr 的打包 "build:ssr": "npm run build -- web-runtime-cjs,web-server-renderer"原创 2020-08-31 20:35:15 · 1000 阅读 · 0 评论 -
(一)了解 flow
(一)背景 众所周知,js是弱类型的语言,没有专门的类型检测,所以为了避免类型不符合要求导致的bug,需要自行引入类型检测插件。 现有类型检测我了解typescript,所以知道 typescript 的同学就会理解 flow 的含义了,两者有异曲同工之处,都是负责类型检测。 (二)为什么用 Flow Vue.js 在做2.0 重构的时候,在 es6 的基础上,除了使用 eslint 保证代码质量外,也引入了 flow 做静态类型检测。之所以选择 flow,主要是因为 Babel 和 ESlint原创 2020-08-31 18:58:37 · 228 阅读 · 0 评论