lumozx

依赖预构建的入口是initDepsOptimizer函数，由initServer触发。 但在触发之前，通过isDepsOptimizerEnabled来判断，是否需要进行依...

在上文中，我们了解了模块依赖图。并了解了它的转译模块功能，接下来，我们来看看它所服务的另一个功能——热更新。 ws 说到热更新，首先得需要一个webSocket来进行支持，...

在上文中，我们了解了chokidar 和 中间件在Vite起到了什么作用。 我们看看之前一直提到的模块依赖图。 在了解它的运作原理之前，我们先看看它是什么，干了什么。 是什...

在上文中，我们了解了httpServer 和 中间件逻辑。 而本文你会学到 chokidar 在Vite起到了什么作用 Vite针对工具集使用了怎样的缓存策略 Vite的中...

在上文中，我们了解了Vite如何创建开发服务器和整合配置项。 而本文你会学到 Vite的开发服务器底层是基于什么 Vite的中间件底层是基于什么 Vite如何面对端口占用做...

在上文中，我们了解了创建本地服务器之前以及之后的操作，以及文件预热的实现原理。 而本文你会学到 Vite是如何创建一个开发服务器的 Vite如何解析配置项的 Vite针对不...

Vite已经发布了5.0版本。虽然之前对2.x版本有所了解，但一直没有深入研究。现在，尝试浅显着眼其源码层面，了解Vite采用的双引擎架构。 未来，Vite将使用Rolld...

之前我们提到了vue3.4.0-alpha.1 响应式逻辑的变动。而在今天，vue 发布了vue3.4.0-alpha.2&alpha.3版本，alpha.3版本算是对al...

我们在使用npm-check-updates，或者pkg-fetch的时候，会发现在loading的状态下控制台会出现一个进度条。 这个是通过progress这个npm包来...

相信大家在使用chrome浏览B站的时候，会注意到浏览器的右上角会多出一个媒体控件按钮。 点一下会弹出这样一个框。 通过这个框我们可以实现对视频的后退、暂停、播放、快进等功...

provide 和 inject 是 Vue 中用于父组件向子组件传递数据的一种高级选项。它们主要用于解决组件之间共享数据的需求，特别是在跨层级嵌套的情况下。 需求 设想，...

magic-string是一个用于处理字符串的JavaScript库。它可以让你在字符串中进行插入、删除、替换等操作，并且能够生成准确的sourcemap。 这个库特别适用...

在上一节万字逐行解析vue3如何使用effect实现响应式中，我们提到了queueJob，从结果上来看是一个将入参延后执行的函数，但是他具体起到什么作用呢？我们看看源码。 ...

在上文中，我们讲了vue3.4.0-alpha.1 响应式逻辑的变动。 我们接下来讲剩下的两处变动。 导出错误代码 我们可以通过 来获取errorCode对应的错误信息。 ...

我们知道Vue渲染流程是基于effect函数的依赖变动，从而不断触发patch，保持页面为数据的最新渲染，那么我们这次来了解一下他的依赖是怎么建立起来的。 或者说vue的响...

由于diff算法在patchKeyedChildren函数中进行应用，因此我们需要重点关注这个函数的逻辑来了解整个diff过程。当然，为了避免阅读的混乱，我们将这个函数的内...