优雅传递 postMessage
探讨了在集成Vue SFC Playground与monaco-editor时遇到的全局变量冲突问题,并采用iframe隔离方案。进一步分析了postMessage结构化克隆的限制及iframe间响应式通信的尝试与挑战,提供了具体实现思路。
共 9 篇文章
探讨了在集成Vue SFC Playground与monaco-editor时遇到的全局变量冲突问题,并采用iframe隔离方案。进一步分析了postMessage结构化克隆的限制及iframe间响应式通信的尝试与挑战,提供了具体实现思路。
React 19 公测版引入的服务器组件(RSC)并非 SSR,它旨在提升性能、简化客户端-服务器边界。文章剖析 RSC 的动机、工作原理、优缺点,以及如何在客户端减少包体积、直接访问后端资源。
针对请求速度过快导致 loading 闪烁的问题,文章分析了防抖方案在组件中的实现,并给出了基于 antd Spin 组件和 Vue 3 的代码示例。
本文深入解析了 resso 状态管理库的实现机制,通过 Proxy 劫持对象属性,结合 useSyncExternalStore 和 unstable_batchedUpdates 实现高效的响应式更新,探讨了其在 React 项目中的轻量级替代方案。
本文探讨在 Vue 中基于 ahooks 思路,通过重构 EventEmitter 类实现一个支持自动清理的 useEventEmitter Hook,以简化组件间发布订阅模式,避免手动管理依赖和卸载。
本文探讨了 Vue3 中 Composition API 如何通过逻辑复用重构组件开发,对比 Vue2 的局限,并以轮播图、网络请求和表格处理为例,展示自定义 hooks 的实践。同时分析了 Teleport、Suspense 等新组件,以及 template 与 JSX 的选择考量。
本文深入探讨如何利用 Vue Composition API 的 watchEffect 等特性,从零构建可复用的自定义 hooks。通过多个实际示例——包括 DOM 监听、请求封装、生命周期模拟和持久化——展示响应式思维下的代码组织方式,以及 hooks 封装中的技术细节与设计权衡。
探讨如何为 React 组件实现双向绑定 hooks。通过 Object.defineProperty 劫持数据,结合数组变异方法重写原型链,自动触发 useState 更新,减少手动 setState 代码。分析了 Vue 数据劫持与 React hooks 的结合方案。
探讨VuePress插件开发的核心流程,以自定义代码复制插件为例,解析基于生命周期(如updated)的动态组件注入方法,并集成clipboard.js实现复制功能。