Posts
Build notes, working with AI, and the engineering notes that started it all.
Vue3 + iframe 优雅通讯方案：基于 PostMessage 和 Mitt 的实现
封装 postMessage 通讯机制，结合 mitt 事件总线和 Promise 风格，在 Vue3 中打造类型安全、易于维护的 iframe 跨窗口通讯解决方案。
React 服务式组件实现：基于 ReactDOM.createRoot 的 Loading 方案
使用 React 18 的 createRoot API 实现函数式调用的 Loading 组件，支持多次调用计数管理，让全局状态管理更加优雅。
Vue3 模板复用新思路：useReusableTemplate 实战
借鉴 Angular 的模板复用思想，通过自定义 Hook 在 Vue3 中实现无需封装组件即可复用模板代码，让代码更简洁、更灵活。
Angular 自定义 Webpack 配置：扩展构建能力实战指南
使用 @angular-builders/custom-webpack 突破 Angular CLI 的限制，自定义 Webpack 配置，添加 loader 和插件，满足项目的个性化构建需求。
Vue3 服务式组件设计：用 Composition API 打造优雅的 Toast
利用 Vue3 的 createVNode 和 render 函数实现服务式 Toast 组件，深入理解 Composition API 的强大能力和组件化的最佳实践。
Vue3 与 Web Components 完美融合：defineCustomElement 深度实践
探索 Vue3 的 defineCustomElement API，学习如何将 Vue 单文件组件转换为标准 Web Components，实现跨框架的组件复用。
Web Components 实战：从零打造原生对话框组件
使用原生 Web Components 技术开发对话框组件，深入理解 Shadow DOM、自定义元素等核心概念，探索前端组件化的未来方向。
Three.js 打造浪漫雪景：粒子系统与动画实战
使用 Three.js 粒子系统创建逼真的 3D 雪花飘落效果，通过 BufferGeometry 和自定义着色器实现高性能的冬日雪景场景。
Vite + Vue3 优雅使用 SVG 图标：自动化雪碧图方案
通过自定义 Vite 插件自动将 SVG 图标转换为雪碧图，配合 Vue3 组件封装，实现高性能、易维护的 SVG 图标解决方案。
树莓派入门实战：使用 Python 控制 LED 灯闪烁
从树莓派 GPIO 基础开始，通过 Python 和 PyCharm 远程开发控制 LED 灯闪烁，带你踏入硬件编程的奇妙世界。