TriF

上文，我们分析了渲染过程中响应式机制的建立。那么接下来我们就来具体分析响应式机制的具体实现细节，本文先分析依赖收集的具体实现细节。 一、整体设计 Vue 的依赖收集采用了精...

一、示例组件 以下面这个简单的 Vue 组件为例，分析其在渲染过程中响应式机制的建立： 二、响应式机制建立流程 在深入分析具体流程之前，我们需要理解 Vue 的响应式机制本...

效果示例 引入 Three.js 首先，在 工程中中引入 Three.js 库： 实现步骤 初始化场景、相机与渲染器 创建场景 new THREE.Scene() 添加雾化...

在上文中，我们分析了 patchChildren 函数，了解到Vue会根据子节点是否带有key，分别调用 patchKeyedChildren 或 patchUnkeyed...

在上文中，我们分析了 processElement 函数的实现，了解了Vue是如何处理普通元素节点的。在分析过程中，我们看到在更新阶段，Vue提供了两种不同的子节点更新策略...

上文我们分析到了 setupRenderEffect 函数的实现。至此，我们已经完成了组件级别的渲染流程的分析。setupRenderEffect 函数通过调用 patch...

在上文中，我们分析了Vue组件的初始化过程，也就是setupComponent函数的实现。初始化完成后，组件实例已经创建，但还需要与响应式系统建立联系并进行渲染。这就是se...

实现高亮轮廓的中国地图，并且 一、效果展示 二、实现步骤 安装echarts 获取中国地图数据和轮廓地图数据 数据来源：阿里云DataV数据可视化平台 https://da...

在上文中，我们分析了Vue组件系统中的两个核心函数：mountComponent和updateComponent。在分析过程中，我们看到mountComponent函数在执...

上文我们分析了diff算法对于不同类型节点的处理，本文我们就来分析最重要的component节点的处理。 Component 节点 mountComponent 函数 主要...

上文，我们分析到了patch函数（diff算法）的主要执行流程，本文我们来具体分析不同类型节点的diff算法。 节点类型概览 Vue 中的节点类型可以分为以下几类： 基础节...

上文我们分析到，app.mount("#app")会执行mount函数，mount函数创建虚拟节点之后就会调用render函数，而render函数内部的核心就是patch函...

上文，我们分析了const app = createApp(App)创建Vue实例的过程，本次接着分析app.mount("#app")实例挂载的过程 整体流程 当执行 a...

上文，我们分析了 vue3 源码的项目结构，以及 packages 目录下的各个模块的作用和联系，本节从 vue3 的初始化流程开始分析runtime-core模块，当我们...

本文，我们首先分析一下vue3项目的总体结构和各模块之间的逻辑关系，从而对于项目有一个总体的概念，接下来可以顺着这个逻辑逐步分析每个模块。...

本文将介绍一种前端防篡改的水印实现方式（防君子不防小人） 环境 ：vite，vue3，node 18.20.8 一、实现水印 使用canvas画布实现一个水印背景图useW...

在一些特殊的场景中（比如低代码、减少小程序包体积、类似于APP的热更新，我们需要从服务端动态加载.vue文件，然后将动态加载的远程vue组件渲染到我们的项目中。今天这篇文章...

HTTP简介：超文本传输协议，HTTP协议以明文方式发送内容，不提供任何方式的数据加密， HTTPS简介：安全套接层超文本传输协议，为了数据传输的安全，HTTPS在HTTP...