优雅传递 postMessage
在集成 Vue SFC Playground 与 Monaco Editor 时，因全局变量冲突导致编辑器功能异常。本文通过 iframe 隔离方案，结合 postMessage 与响应式机制，实现主页面与 iframe 的优雅通信，解决变量冲突与数据同步难题，提升开发体验与维护性。
#框架相关
目前Vue和React为主
共 9 篇文章
React RSC
React 19 引入的服务器组件（RSC）正重塑前端架构，本文深入解析其设计动机、核心优势与潜在挑战。RSC 通过在服务端渲染组件，显著提升性能、减少包体积，并实现服务器与客户端的无缝数据共享。了解 RSC 如何简化全栈开发，构建更高效、安全的 React 应用。
如何处理 loading 闪烁
本文深入探讨了前端开发中常见的 loading 闪烁问题，尤其在使用 hooks 如 `useRequest` 时，如何通过防抖策略优化用户体验。文章提出核心解决方案：利用防抖机制延迟 loading 显示，避免因请求过快导致的短暂闪现，从而提升交互流畅度。适合开发者快速掌握实用技巧。
resso 源码解析
本文深入解析了轻量级 React 状态管理库 resso 的源码实现，揭示其如何通过 Proxy 劫持和 useSyncExternalStore 实现响应式更新。相比 Redux，resso 更简洁高效，适合中小型项目，同时结合 unstable_batchedUpdates 优化性能，是 React 开发者值得了解的现代状态管理方案。
hook下如何书写发布订阅
本文详解如何在 Vue 中实现类似 React 的 Hook 发布订阅机制，解决组件间通信繁琐问题。通过自定义 `useEventEmitter` Hook，开发者可轻松实现事件通知与自动内存清理，提升代码复用性与维护性，特别适用于价格变化触发列表刷新等场景。
从Vue3看组件开发新写法
Vue3通过Composition API革新了组件开发方式，让逻辑复用更灵活、代码更清晰。文章深入解析如何用hooks封装轮播图、表格、请求等通用功能，提升开发效率；同时介绍Teleport和Suspense等新特性，优化用户体验与组件结构。适合希望掌握Vue3现代化开发实践的前端开发者。
怎么用 Vue Composition 造轮子
本文详解如何利用 Vue Composition API 自定义 Hooks，封装常见功能如页面标题控制、窗口尺寸监听、网络状态检测、DOM 变化观察、请求管理、生命周期模拟及本地持久化存储。通过实际代码示例，帮助开发者高效复用逻辑，提升组件可维护性，是 Vue 项目中造轮子的实用指南。
为 React 添加双向绑定 hooks
React开发中频繁的手动状态更新让代码变得冗长繁琐。本文通过自定义useModel Hook，结合Object.defineProperty与数组原型劫持，实现类似Vue的双向绑定体验，显著提升开发效率与代码可读性。
VuePress插件开发不完全指南
本文以实现掘金风格的‘复制代码’功能为例，深入解析VuePress插件开发的核心流程，涵盖生命周期、组件注入与剪贴板兼容性处理，帮助开发者快速掌握自定义插件的构建与发布方法。
