yyzzabc123

2022年10月17日

摘要：上一节，我们深入分析了以data,computed为数据创建响应式系统的过程，并对其中依赖收集和派发更新的过程进行了详细的分析。然而在使用和分析过程中依然存在或多或少的问题，这一节我们将针对这些问题展开分析，最后我们也会分析一下watch的响应式过程。这篇文章将作为响应式系统分析的完结篇。 7.12 阅读全文

posted @ 2022-10-17 14:28 yyzzabc123 阅读(28) 评论(0) 推荐(0)

vue源码分析-响应式系统(二)

摘要：为了深入介绍响应式系统的内部实现原理，我们花了一整节的篇幅介绍了数据(包括data, computed,props)如何初始化成为响应式对象的过程。有了响应式数据对象的知识，上一节的后半部分我们还在保留源码结构的基础上构建了一个以data为数据的响应式系统，而这一节，我们继续深入响应式系统内部构建的阅读全文

posted @ 2022-10-17 14:24 yyzzabc123 阅读(16) 评论(0) 推荐(0)

vue源码分析-响应式系统(一)

摘要：从这一小节开始，正式进入Vue源码的核心，也是难点之一，响应式系统的构建。这一节将作为分析响应式构建过程源码的入门，主要分为两大块,第一块是针对响应式数据props,methods,data,computed,wather初始化过程的分析，另一块则是在保留源码设计理念的前提下，尝试手动构建一个基础的阅读全文

posted @ 2022-10-17 14:19 yyzzabc123 阅读(35) 评论(0) 推荐(0)

vue源码分析-组件

摘要：我们知道，组件是Vue体系的核心，熟练使用组件是掌握Vue进行开发的基础。上一节中，我们深入了解了Vue组件注册到使用渲染的完整流程。这一节我们会在上一节的基础上介绍组件的两个高级用法：异步组件和函数式组件。 6.1 异步组件 6.1.1 使用场景 Vue作为单页面应用遇到最棘手的问题是首屏加载时间阅读全文

posted @ 2022-10-17 14:06 yyzzabc123 阅读(68) 评论(0) 推荐(0)

2022年10月10日

vue源码分析-渲染过程

摘要：继上一节内容，我们将Vue复杂的挂载流程通过图解流程，代码分析的方式简单梳理了一遍，最后也讲到了模板编译的大致流程。然而在挂载的核心处，我们并没有分析模板编译后渲染函数是如何转换为可视化DOM节点的。因此这一章节，我们将重新回到Vue实例挂载的最后一个环节：渲染DOM节点。在渲染真实DOM的过程中，阅读全文

posted @ 2022-10-10 15:52 yyzzabc123 阅读(46) 评论(0) 推荐(0)

vue源码分析-挂载流程和模板编译

摘要：前面几节我们从new Vue创建实例开始，介绍了创建实例时执行初始化流程中的重要两步，配置选项的资源合并,以及响应式系统的核心思想，数据代理。在合并章节，我们对Vue丰富的选项合并策略有了基本的认知，在数据代理章节我们又对代理拦截的意义和使用场景有了深入的认识。按照Vue源码的设计思路，初始化过程还阅读全文

posted @ 2022-10-10 15:46 yyzzabc123 阅读(93) 评论(0) 推荐(0)

vue源码分析-基础的数据代理检测

摘要：简单回顾一下这个系列的前两节，前两节花了大量的篇幅介绍了Vue的选项合并，选项合并是Vue实例初始化的开始，Vue为开发者提供了丰富的选项配置，而每个选项都严格规定了合并的策略。然而这只是初始化中的第一步，这一节我们将对另一个重点的概念深入的分析，他就是数据代理，我们知道Vue大量利用了代理的思想，阅读全文

posted @ 2022-10-10 15:41 yyzzabc123 阅读(38) 评论(0) 推荐(0)

2022年10月4日

vue源码中的渲染过程是怎样的

摘要： 4.1 Virtual DOM 4.1.1 浏览器的渲染流程当浏览器接收到一个Html文件时，JS引擎和浏览器的渲染引擎便开始工作了。从渲染引擎的角度，它首先会将html文件解析成一个DOM树，与此同时，浏览器将识别并加载CSS样式，并和DOM树一起合并为一个渲染树。有了渲染树后，渲染引擎将计算所阅读全文

posted @ 2022-10-04 19:19 yyzzabc123 阅读(49) 评论(0) 推荐(0)

从vue源码中学习观察者模式

摘要：摘要：源码解读设计模式系列文章将陆陆续续进行更新中 ~ 摘要：源码解读设计模式系列文章将陆陆续续进行更新中 ~ 观察者模式首先话题下来，我们得反问一下自己，什么是观察者模式？概念观察者模式（Observer）：通常又被称作为发布-订阅者模式。它定义了一种一对多的依赖关系，即当一个对象的状态发生阅读全文

posted @ 2022-10-04 19:07 yyzzabc123 阅读(144) 评论(0) 推荐(0)

2022年10月3日

深度学习Vue源码-模板编译原理

摘要：前言此篇主要手写 Vue2.0 源码-模板编译原理上一篇咱们主要介绍了 Vue 数据的响应式原理对于中高级前端来说响应式原理基本是面试 Vue 必考的源码基础类如果不是很清楚的话基本就被 pass 了那么今天咱们手写的模板编译原理也是 Vue 面试比较频繁的一个点而且复杂程度是高于响应阅读全文

posted @ 2022-10-03 15:12 yyzzabc123 阅读(71) 评论(0) 推荐(0)

公告