Miraitowaw

大家好，我是德莱问，上一篇，我们讲到了first render的部分，对上篇文章有疑问的同学，欢迎留言，我们一起探讨，一起学习；本篇文章将会着重讲解Vue3中数据发生更新时...

在本篇源码分析的文章中，我将详细讲解 Vue3 中的虚拟 DOM 比较算法 —— patch 算法。...

Vue的响应式系统很让人着迷，Vue2使用的是Object.defineProperty，Vue3使用的是Proxy，这个是大家都知道的技术点； 但是知道了这些个技术点就能...

前几章完整的介绍了 Vue3 的响应式核心reactive和effect的实现原理，这一章我们来看看Vue3的依赖收集和依赖触发是如何工作的。 根据之前的分析，我们知道依赖...

本篇是 JS系列中第 3 篇，文章主讲 JS 继承，包括原型链继承、构造函数继承、组合继承、寄生组合继承、原型式继承、 ES6 继承，以及 多继承与 new 。 可以在子类...

拿下泛型，TS 还有什么难的吗？本文将带你加深入的理解和掌握泛型，以及更加熟练 TS 内置工具类型在项目中的运用...

深入浅出 Diff 算法，完整源码行行加注释，一层层揭开 Diff 算法的面纱，助你彻底弄懂 Diff 算法原理...

网络上流传着许多对闭包的说法，这些说法为了方便理解曲解了闭包的真正原理，本文将会介绍这些原理，并且使用demo运行的结果来验证本文的正确性，这可能会颠覆你对闭包的认知，请在...

Vue通过数据侦测机制感知状态的变化，上一篇《Vue如何实现数据侦测》有提到Watcher对象，那么Vue在何时创建Watcher，如何通过Scheduler来调度Watc...

前言 朋友们大家好，我是林三心，还是那句话：改变不了，那就适应它，源码的理解在当今前端市场越来越重要了，理解源码，可以使我们在开发中更快地捕捉到问题所在，今天讲到compu...

阅读Vue和React两大前端框架的源码时都出现了MessageChannel的影子，但是自己却没不了解什么是MessageChannel，它有什么用。于是花了一些时间研究...

一种是页面刷新，不保留页面状态，就是简单粗暴，直接window.location.reload()。 另一种是基于WDS (Webpack-dev-server)的模块热替...

表面看起来，z-index 似乎是一个很简单的属性，你给它设置哪个值，元素就会位于 z 轴的哪个位置。但它实际上并没有我们想象的这么简单，这个属性背后是一系列决定元素所在层...

作用域与闭包频繁出现在前端视野中，理解它们对于学习JavaScript和工作编码都会有不小的帮助，《You Dont Konw JS》中作者甚至将理解它比喻为Neo第一次见...

本文通过对webpack5的module federation的相关配置，对打包后代码进行梳理，了解其运行时的相应状态，在从源码出发，简易的对webpack federat...

自定义元素开启Shadow Dom后，template和user-card中间多了一个节点叫shadowRoot,constructor,connectedCallback...

快速了解、搭建微前端框架qiankun，提供了vue2、vue3、react排版配置，学会应用间通信、跳转，以及样式隔离。...

对 Babel 的配置项的作用不那么了解，是否会影响日常开发呢？老实说，大多情况下没有特别大的影响（毕竟有搜索引擎）。 不过呢，还是想更进一步了解下，于是最近认真阅读了 B...

本文主要介绍了利用splitChunk来分割第三方库的代码，详细介绍了chunks三个属性值的具体含义，推荐使用'all'。最后，利用cacheGroups来对单个库进行打...