Skip to content

chokidar 从 v3 到 v4 升级指南

众所周知,chokidar 是前端最广泛使用的 文件监听工具。 在 NPM 上每周有约 1 亿次的下载量,是 webpack / vite 等主流的前端构建工具的必不可少的依赖之一。

但是从 v3 升级到 v4 ,它有一个非常重要的破坏性变更,这导致了我们升级过程不够平滑。 在这篇文章中,将说明如何进行升级。

从 tsup 到 tsdown

最近,VoidZero 推出了一个 基于 rolldown 的全新的构建工具 tsdown。 本着尝鲜的态度,我把我在开发维护中的一部分开源项目,将构建工具从 tsup 切换到 tsdown

怎么写前端开发的 AI prompt ?

React 原理解析——优先级调度

React组件渲染性能优化

在大型 React 应用中,组件渲染性能直接影响用户体验。

React 原理解析:Diff 算法机制与优化策略

React 原理解析:Fiber 架构与双缓冲机制

React 渲染机制解析:从调度到提交

React 架构演进探析 —— 从栈式协调到Fiber架构

类型系统的真假美猴王:破解 IsEqual<X, Y> 之谜

前端渲染策略 —— CSR、SSR、SSG、ISG

CSS 使用 initial / unset / revert 重置样式

你是否有过这样的需求:想彻底清掉某个元素继承来或者自己设置的样式?想让某个属性回到浏览器默认的样子? 想穿越层层叠叠的 CSS 规则,直接回到浏览器最原始的状态?

你可能会想到使用 !important 或者 写一堆覆写规则。

但其实 CSS 早已准备好了三个关键词来帮你做这件事:initialunsetrevert

前端优化之状态压缩

一个很常见的场景,在页面埋点的上报数据中,保存着多个状态,直接传输这组状态可能数据体积较大。 此时我们可以考虑使用 二进制 的方式进行优化。

什么是 Signals ?

2024年了,Signals 在前端框架中越来越成为主流的底层技术依赖。 大概是从哪个框架开始兴起的,我有些忘记了,我映像中最早推动并流行的是 SolidJS, 后来在 Vue3 中也引入了该技术,随后,如 MobXPreactQwikSvelteAngular 等 也纷纷引入了该技术。

JSR 使用指南

jsr logo

最近,Deno 发布了一个 Javascript Registry (JSR),一个新的 JavaScript 包注册表。 它类似于 npm ,但不是一个包管理工具,而是提供 包注册、包发布的包存储服务。

它可以搭配 npm, yarnpnpm 等一起使用,支持 Node.jsDenoBunbrowser 等运行时。

鹏展博

鹏展博

世间的美好总是不期而遇