vue 源码系列的分享我会尽可能的表述清楚一些，简单一些。 上一节中我们知道 vue 生成虚拟 DOM 时候，使用的是 createElement 方法。下面我们就看下createElement方法的庐山真面目。 所以实际上，createElement方法是对_createEl…

我觉得每个人可能都有过看源码的想法吧，也包括我。因为看源码不光能使自己对这个库更加熟悉，还能学习到作者强大的思想，久而久之，自己的水平和思想也会有明显的提升的。 1. 查看工具函数 2. 入口文件 3. Store类的实现 可以看到传入的 options 整体可以看成一个根模块…

前言 面试官:"你了解虚拟DOM(Virtual DOM)跟Diff算法吗,请描述一下它们"; 我:"额,...鹅,那个",完了😰,突然智商不在线,没组织好语言没答好或者压根就答不出来;

最近部门分享，有同学提到了 Vue 响应式原理，大家在讨论时，发现一些同学对这一知识理解还不够深入，不能形成一个闭环，为了帮助大家理解这个问题，我重新过了一下 Vue 源码，并整理了多张流程图，便于大家理解。 从 Vue 初始化，到首次渲染生成 DOM 的流程。 从 Vue 数…

在做营销活动的时候，设计稿这边使用了"思源"的字体。为了统一整个页面的字体风格，于是就把用到的字体引进来项目，但是最后发现字体大小竟然达到了 14MB，加载时间为3.74秒，可以预想到加载时间会进一步增长。如果用户还处于弱网环境下，这个等待时间是不能接受的。 font-spid…

虚拟DOM 和 diff 算法 ，大家有的时候就会经常听到，那么它们是什么实现的呢，这是小浪在这里就来带大家实现深入了解虚拟DOM 和 实现 diff 算法

以图的形式，言简意赅的总结Vue3组件相关的内容⭐️，附原图o🧚🏻‍♀️，可以方便你按照自己的想法二次修改，欢迎阅读👇

相信大家对 Vue 有哪些生命周期早就已经烂熟于心，但是对于这些生命周期的前后分别做了哪些事情，可能还有些不熟悉。 本篇文章就从一个完整的流程开始，详细讲解各个生命周期之间发生了什么事情。 注意本文不涉及 keep-alive 的场景和错误处理的场景。 进入了 _init 函数…

组件是 vue.js最强大的功能之一，而组件实例的作用域是相互独立的，这就意味着不同组件之间的数据无法相互引用。一般来说，组件可以有以下几种关系： 如上图所示，A 和 B、B 和 C、B 和 D 都是父子关系，C 和 D 是兄弟关系，A 和 C 是隔代关系（可能隔多代）。 针对…