优雅传递 postMessage
在集成 Vue SFC Playground 和 monaco-editor 时，全局变量 self.MonacoEnvironment 冲突导致编辑器功能异常。本文探讨了使用 iframe 隔离方案，并通过 postMessage 和响应式对象设计，解决了跨窗口状态同步的技术挑战。
返回分类列表
框架相关
共 9 篇文章
React RSC
本文深入探讨了 React 19 中的服务器组件（RSC），解析其设计动机、工作原理及优缺点，包括性能优化、共享服务器-客户端上下文机制，并对比传统 SSR 以构建技术心理模型。
如何处理 loading 闪烁
探讨在快速网络请求场景下，如何通过防抖机制优化 loading 状态的展示，避免用户界面出现闪烁。文章分析了 antd Spin 组件的实现，并提供了一个 Vue 3 的自定义 hooks 示例，以提升前端交互的平滑度。
resso 源码解析
本文深入解析了 resso 状态管理库的实现机制，通过 Proxy 劫持对象属性，结合 useSyncExternalStore 和 unstable_batchedUpdates 实现高效的响应式更新，探讨了其在 React 项目中的轻量级替代方案。
hook下如何书写发布订阅
本文探讨在 Vue 中基于 ahooks 思路，通过重构 EventEmitter 类实现一个支持自动清理的 useEventEmitter Hook，以简化组件间发布订阅模式，避免手动管理依赖和卸载。
从Vue3看组件开发新写法
本文探讨了 Vue3 中 Composition API 如何通过逻辑复用重构组件开发，对比 Vue2 的局限，并以轮播图、网络请求和表格处理为例，展示自定义 hooks 的实践。同时分析了 Teleport、Suspense 等新组件，以及 template 与 JSX 的选择考量。
怎么用 Vue Composition 造轮子
文章基于 Vue Composition API，通过 watchEffect 和响应式系统，实践性地封装了多个自定义 Hook，包括 DOM 操作、请求封装、生命周期模拟和状态持久化，为构建可复用的前端逻辑提供了具体实现方案。
为 React 添加双向绑定 hooks
针对 React 开发中频繁手动调用 setState 更新数组和对象带来的繁琐问题，本文探讨了如何通过自定义 Hook 结合数据劫持技术（Object.defineProperty 和原型链重写）实现类似 Vue 的双向绑定机制，从而简化状态管理代码。
VuePress插件开发不完全指南
本文以开发一个 VuePress 插件为例，详细阐述了如何利用生命周期钩子（如 updated）、clientRootMixin 和 Vue.extend 实现动态组件注入，并探讨了使用 clipboard.js 处理剪切板操作的兼容性问题。
