Light_

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

Zustand 是一个轻量级的状态管理库， 提供了一种更简单、更直观的方式来管理 React 应用的状态。解析 Zustand 的源码，理解其内部实现，学习其设计思想。...

sourcemap 的作用就是将编译后代码映射为编译前源代码，所以要搞明白 sourcemap 的核心原理，就是搞明白如何将编译后代码映射为编译前源代码，下面让我们看一下其...

React Scheduler 为什么使用 MessageChannel 呢？为什么不使用 setTimeout 或 requestAnimationFrame 实现呢？...

在前端中后台项目中，表格是最常见也是最基础的数据组件。表格主要以二维栅格的形式呈现，能够清晰明了地展示数据。 在基于表格的项目开发中，我们经常遇到的一个问题，就是如何平衡功...

解析 webpack 核心流程与插件架构，理解： - Webpack 从启动到输出 bundle，内部逻辑流转过程 - 编写 webpack 插件前，你需要弄清楚哪些问题...

`React` 已经风靡前端届很长一段时间了，在这段时间里它发展了一个非常全面而强大的生态系统。大厂喜欢在大型的前端项目中选择 `React`，它的生态功不可没。...

英雄多起于市井，高楼皆起于平地。再伟大的软件也都是从 Hello World 开始的，本文尽量用最简洁的语言描述一个基于 webview 的 vscode 插件的诞生。...

这是一份来自未来的文档，感谢你对前端技术领域持续关注。读完本文你将知道 2022 年前端人都在关注些什么？...

直接看图吧： 因为搭建新页面时，经常要从文档结构中抽离样式出来，为了节省时间（提效一秒是一秒），写了这个插件。 因为只是对自己项目做了处理（偷懒）。当前只支持 tsx 格式...

它是一种非常方便的方案，可以帮助你解耦你的代码。让层、模块和服务尽量独立。不仅可以独立发布、部署，还可以让你从一个项目迁移另一个项目的时候也更加容易。...