XMX303

核心实现 watch 函数实现 实现了 Vue 中的 watch API 支持监听多种数据源: ref 对象 reactive 对象 getter 函数 数组形式的多个数据源 支持配置项： immed

响应式对象与只读对象 Vue3 响应式系统的关键 API 与 rective相关的有以下四个： reactive(): 创建深度响应式对象 readonly(): 创建只读响应式对象 shallowR

Vue SFC 文件经由 vue-loader 拆分成 template、script、css，script 由 Babel-loader等处理完以 script 形式嵌入 HTML，css 经由 s

组件的渲染流程由三个步骤组成： 创建 VNode 渲染 VNode 生成 DOM 其中渲染 VNode 的过程主要就是在挂载组件，而挂载组件又分为三个步骤： 创建组件实例（createComponen

Vue3 的 diff 流程 新旧 VNode 对比的开始 触发更新机制：在 Vue 3 中，当组件的响应式数据发生变化时，会重新执行组件的渲染函数来创建新的虚拟节点（VNode）。然后，会启动 DO

从 VNode 到 DOM vnode 本质上是用来描述 DOM的 JavaScript 对象，它在 Vue 中可以描述不同类型的节点，比如普通元素节点、组件节点等。 HTML 实现的普通节点： vn

前言 文章有点长，如果你是以学习的态度来看这篇文章，建议收藏起来慢慢看。 前端自动化部署一直以来概念很清楚知道怎么回事，但是其中怎么操作没怎么研究过，虽然之前环境都搭起来了，但是也只是Jenkins构

文章内容 传统发布和现在发布的对比和区别 项目案例-手动上传服务器，使用jenkins上传服务器 配置不同的发布环境 配置域名 配置https 配置钉钉机器人通知 服务器购买：抢占式实例 Jenkin

动态加载，减少首屏资源加载量 Webpack 默认会将同一个 Entry 下的所有模块全部打包成一个产物文件 —— 包括那些与页面关键渲染路径无关的代码，从而影响首屏渲染性能。例如： 逻辑上，直到点击