从 VueCLI 迁移到 Rsbuild
决定迁移的原因主要有两点： 对 Node 22 支持不友好。由于项目基于 VueCLI 3，Node 版本的诸多变更导致无法启动，必须通过 nvm 切换到 16 版本。 构建和热更新速度慢。 在决定使用 Rsbuild 之后，我也进行了一番调研，备选方案有四个： Webpack+SWC 或 Webp...
花了一天我写了这样一个 Prettier 插件
spacexcode-coverview-5241@2x Prettier 在日常经常使用，除了格式化代码之外在编写文档的时候也会选择使用，但是最近安装 Prettier 到项目依赖之后发现 md 文件的格式化文档竟然失效了。 排查了一番原因，最终在 GitHub 上找到了相关讨论 Markdown...
从 Vue 构建模块你可以学到什么？
spacexcode-coverview-2527@2x 最近在给公司内部低代码平台进行升级，原本是单一仓库，里面有各种模块，例如： utils view-render form-render fetch form-design ... 它们最终给其他产品线使用的时候是通过 Vue Cli 打包成一...
React RSC
React RSC 最近 React 19 已经属于测试版本了，里面更新了很多功能，其中就包含今天要说的 RSC。你可能在某个框架（如 Next.js 或 Remix）中已经使用过了对它有了一定的理解，但不确定它的使用方式，或者你很想知道它到底是什么。 在本文中，主要是分享 React 服务器组件（...
如何处理 loading 闪烁
8049f458-b600-429c-99fc-115002d30588 图片来源于踏青随手一拍 考虑一个场景，在使用 userequest hooks 的时候经常会返回 {data, loading, error} 结构，为了交互更好，通常会对 loading 字段做一些处理，例如在小程序中可能会...
如何处理时区
bg 这个问题可能在日常中不太可能遇到，但是在处理一些国际化的项目中可能会涉及。例如当你浏览一些推特或者国外的论坛，它们会标记所在的时区是什么，在什么时候发布。 考虑一个真实的场景，如果你要定时发布一个文章，可能希望在 12 月 11 日的 12 点发布，采用纽约时间，但是因为你所在中国可能并没有考...
Next.js 构建博客之自动构建
image.png Next.js 构建博客之资源抓取 Next.js 构建博客之博客搭建 Next.js 构建博客之打包 SSG Next.js 构建博客之常见问题处理 Next.js 构建博客之功能拓展 Next.js 构建博客之自动构建 这是 Next.js 构建博客的第六篇文章，上一篇文章 ...
Next.js 构建博客之功能拓展
image.png Next.js 构建博客之资源抓取 Next.js 构建博客之博客搭建 Next.js 构建博客之打包 SSG Next.js 构建博客之常见问题处理 Next.js 构建博客之功能拓展 Next.js 构建博客之自动构建 这是 Next.js 构建博客的第五篇文章，上一篇文章 ...
Next.js 构建博客之常见问题处理
image.png Next.js 构建博客之资源抓取 Next.js 构建博客之博客搭建 Next.js 构建博客之打包 SSG Next.js 构建博客之常见问题处理 Next.js 构建博客之功能拓展 Next.js 构建博客之自动构建 这是 Next.js 构建博客的第四篇文章，上一篇文章 ...
Next.js 构建博客之打包SSG
image.png Next.js 构建博客之资源抓取 Next.js 构建博客之博客搭建 Next.js 构建博客之打包 SSG Next.js 构建博客之常见问题处理 Next.js 构建博客之功能拓展 Next.js 构建博客之自动构建 这是 Next.js 构建博客的第三篇文章，上一篇文章 ...
Next.js 构建博客之博客搭建
image.png Next.js 构建博客之资源抓取 Next.js 构建博客之博客搭建 Next.js 构建博客之打包 SSG Next.js 构建博客之常见问题处理 Next.js 构建博客之功能拓展 Next.js 构建博客之自动构建 在上一篇 Next.js 构建博客之资源抓取 介绍了如何...
Next.js 构建博客之资源抓取
image.png Next.js 构建博客之资源抓取 Next.js 构建博客之博客搭建 Next.js 构建博客之打包 SSG Next.js 构建博客之常见问题处理 Next.js 构建博客之功能拓展 Next.js 构建博客之自动构建 这是 Next.js 搭建博客的第一章，整个系列会详细介...
前端面试回顾
趁现在有时间稍微总结一下面试的一些问题 one Promise 为什么可以链式调用 如果在.then 返回一个值，这个新的 Promise 状态是什么 如果想要阻止链式调用，让后续的.then 一直暂停状态有哪些方法 all 和 allSettled 区别 设计一个调度程序，可以让 Promise ...
resso 源码解析
在之前用 React 写一些小项目的时候有时也需要用到状态管理，但是用 Redux 有一种“大材小用”感觉，就在寻找有没有很精巧的实现，最好是响应式的，最后搜索了一番在 Github 发现了两个满足我需求的库： valtio resso 结合官方给出的文档示例还是最终在项目用了 resso，所以就有...
koa洋葱结构解析
image.png 经常在使用 koa 的时候，通过 .use 的形式来注册各种中间件，例如下面一段代码 这里会输出 1,3,4,2，下面就来翻看一下源码看看这个中间件实现的具体原理。 在看具体代码之前，先温习一下，使用 koa 的最小运行代码是什么样的 可以看到，最后通过 listen 方法来启动...