雨赎

谈到 Vite，给人的第一印象就是 dev server 启动速度快。同样规模的项目，相比 Webpack 动辄十几秒甚至几十秒的的启动速度，Vite 简直是快到没朋友，往...

怎样学习react源码 作为前端最常用的js库之一，熟悉react源码成了高级或资深前端工程师必备的能力，如果你不想停留在api的使用层面或者想在前端技能的深度上有所突破，...

需求/背景 最近接手一个项目，需要导出excel表格，因为数据量太大，涉及到的接口比较多，所以文件下载这个功能移交给前端。需要实现的功能是 效果图 碰到的问题 1:插件选哪...

vue3的live2d技术的应用，可实现模型的动作触发，模型的拖拽功能，以及点击模型不同位置触发不同动作的功能...

带你从原理上了解 webpack 和 vite 的区别。Vite 通过在一开始将应用中的模块区分为 依赖 和 源码 两类，改进了开发服务器启动时间...

ES6支持了原生的Moudle（简称：ESM）,在此之前前端的模块化主要依靠CommonJS。 两者在使用上的直观区别是语法不同，但在底层的处理方式是不同的，主要的区别在于...

我从去年开始阅读 V8 引擎源码, 一个原因是我想实现一个 NodeJS 前段时间翻看了 deno 的源代码, 学习了部分思路, 结合我自己的理解, 实现一个 JS Run...

当在浏览器里执行 `new Websocket("ws://localhost:8080")` 的时候, 浏览器首先会和服务器建立一个 tcp 连接，在 tcp 上传输 h...

本文作为自己深入学习 React Fiber (Reactv16.8.6)的理解，本篇仅介绍大致流程，Fiber 详细源码本文不作细节描述。 首先要知道的是，JavaScr...

本文详细拆解了 Vite 插件，包括 Vite 和 Rollup 对比，两个实用的Vite 插件实操、钩子源码解读等。...

微前端是一种类似于微服务的架构，是一种由独立交付的多个前端应用组成整体的架构风格，将前端应用分解成一些更小、更简单的能够独立开发、测试、部署的应用，而在用户看来仍然是内聚的...

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

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

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

webpack 太慢了！！！ 如果你做过中大型前端项目，一定体会过那种痛苦：项目启动要等好几分钟，改一行代码，还得等几秒才能看到热更新结果。 我曾负责过一个中大型项目，包含...

文章主要介绍了什么是Vite、Vite和其他打包工具的对比以及Vite核心源码的实现。有利于大家一步一步的深入Vite的核心源码实现、了解其设计思想。...