优雅传递 postMessage

探讨了在集成Vue SFC Playground与monaco-editor时遇到的全局变量冲突问题,并采用iframe隔离方案。进一步分析了postMessage结构化克隆的限制及iframe间响应式通信的尝试与挑战,提供了具体实现思路。

从 VueCLI 迁移到 Rsbuild

针对 Vue 2 项目从 VueCLI 迁移到 Rsbuild 的实践,详细分析了迁移动机(如 Node 22 兼容性和构建速度问题),对比了 Webpack、Vite、Turbopack 等备选方案,并提供了配置别名、插件集成(Less、SCSS、JSX)和语法调整的具体技术步骤。

从 Vue 构建模块你可以学到什么?

在升级低代码平台至monorepo架构时,作者深入研究了Vue的构建脚本,分享了几个实用技巧:node:原生模块前缀的使用、基于Promise.race的并发控制、通过exca子进程调用rollup、以及在ESM中用createRequire加载CJS模块。文章冷静解析了这些技术细节,适合关注构建优化的工程师。

React RSC

React 19 公测版引入的服务器组件(RSC)并非 SSR,它旨在提升性能、简化客户端-服务器边界。文章剖析 RSC 的动机、工作原理、优缺点,以及如何在客户端减少包体积、直接访问后端资源。

如何处理 loading 闪烁

针对请求速度过快导致 loading 闪烁的问题,文章分析了防抖方案在组件中的实现,并给出了基于 antd Spin 组件和 Vue 3 的代码示例。

如何处理时区

前端开发中处理时区问题的常见方案,包括使用 Intl.DateTimeFormat 获取客户端时区、getTimezoneOffset 计算偏移、IP 定位及用户手动选择等。

Next.js 构建博客之自动构建

本文是Next.js构建博客系列的第六篇,专注于自动化构建与部署。通过配置GitHub Actions工作流,实现了在代码推送或Issue操作时自动触发构建并发布到GitHub Pages。文章详细讲解了nextjs.yml文件的配置步骤,包括依赖安装、构建资源、提交变更以及静态站点生成。