Posts
All the articles I've posted.
-
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 灯闪烁，带你踏入硬件编程的奇妙世界。
-
Vue2 电梯导航组件：基于 ElementUI 的锚点定位方案
结合 ElementUI 和 velocity-animate 打造流畅的电梯导航组件，支持点击跳转和滚动联动，完美解决长表单页面的导航需求。
-
IntersectionObserver 实战：打造优雅的图片懒加载与文字动效
利用强大的 IntersectionObserver API 实现图片懒加载和文字动态下划线效果，性能优越、代码简洁，让你的页面滚动体验更上一层楼。
-
Electron 自动更新完整实现：从检测到安装的全流程
基于 electron-updater 实现桌面应用自动更新功能，包含版本检测、下载进度、强制更新等完整流程，让你的应用始终保持最新版本。
-
Electron 静默打印解决方案：HTML 与 PDF 打印实战
告别 window.print 的弹窗烦恼！使用 Electron 实现 HTML 和网络 PDF 的静默打印功能，支持自定义打印机选择，完整的桌面应用打印解决方案。