优雅传递 postMessage
探讨了在集成Vue SFC Playground与monaco-editor时遇到的全局变量冲突问题,并采用iframe隔离方案。进一步分析了postMessage结构化克隆的限制及iframe间响应式通信的尝试与挑战,提供了具体实现思路。
探讨了在集成Vue SFC Playground与monaco-editor时遇到的全局变量冲突问题,并采用iframe隔离方案。进一步分析了postMessage结构化克隆的限制及iframe间响应式通信的尝试与挑战,提供了具体实现思路。
针对 Vue 2 项目从 VueCLI 迁移到 Rsbuild 的实践,详细分析了迁移动机(如 Node 22 兼容性和构建速度问题),对比了 Webpack、Vite、Turbopack 等备选方案,并提供了配置别名、插件集成(Less、SCSS、JSX)和语法调整的具体技术步骤。
Prettier 3.0 移除了中英文间自动插入空格的特性,引发开发者不满。本文探讨了该变更的缘由,并介绍了如何基于 lint-md 和中文写作规范,开发一个自定义 Prettier 插件以恢复格式化行为。
在升级低代码平台至monorepo架构时,作者深入研究了Vue的构建脚本,分享了几个实用技巧:node:原生模块前缀的使用、基于Promise.race的并发控制、通过exca子进程调用rollup、以及在ESM中用createRequire加载CJS模块。文章冷静解析了这些技术细节,适合关注构建优化的工程师。
React 19 公测版引入的服务器组件(RSC)并非 SSR,它旨在提升性能、简化客户端-服务器边界。文章剖析 RSC 的动机、工作原理、优缺点,以及如何在客户端减少包体积、直接访问后端资源。
针对请求速度过快导致 loading 闪烁的问题,文章分析了防抖方案在组件中的实现,并给出了基于 antd Spin 组件和 Vue 3 的代码示例。
前端开发中处理时区问题的常见方案,包括使用 Intl.DateTimeFormat 获取客户端时区、getTimezoneOffset 计算偏移、IP 定位及用户手动选择等。
本文是Next.js构建博客系列的第六篇,专注于自动化构建与部署。通过配置GitHub Actions工作流,实现了在代码推送或Issue操作时自动触发构建并发布到GitHub Pages。文章详细讲解了nextjs.yml文件的配置步骤,包括依赖安装、构建资源、提交变更以及静态站点生成。
探讨Next.js博客中图片放大预览与点击量统计的实现方案。通过事件冒泡机制绑定点击事件,结合react-viewer实现图片预览;使用不蒜子库在路由变化时更新计数器,兼顾性能与SEO。
在Next.js博客构建实践中,图片盗链与动态加载是常见挑战。文章通过修改referer策略解决图片403问题,并深入解析dynamic与Suspense的实际应用场景,包括跳过SSR、延迟加载及自定义加载组件。