Posts

All the articles I've posted.

• Angular 自定义 Webpack 配置：扩展构建能力实战指南

  1 Dec, 2022

  使用 @angular-builders/custom-webpack 突破 Angular CLI 的限制，自定义 Webpack 配置，添加 loader 和插件，满足项目的个性化构建需求。

• Vue3 服务式组件设计：用 Composition API 打造优雅的 Toast

  8 Jul, 2022

  利用 Vue3 的 createVNode 和 render 函数实现服务式 Toast 组件，深入理解 Composition API 的强大能力和组件化的最佳实践。

• Vue3 与 Web Components 完美融合：defineCustomElement 深度实践

  30 Jun, 2022

  探索 Vue3 的 defineCustomElement API，学习如何将 Vue 单文件组件转换为标准 Web Components，实现跨框架的组件复用。

• Web Components 实战：从零打造原生对话框组件

  30 Jun, 2022

  使用原生 Web Components 技术开发对话框组件，深入理解 Shadow DOM、自定义元素等核心概念，探索前端组件化的未来方向。

• Three.js 打造浪漫雪景：粒子系统与动画实战

  11 May, 2022

  使用 Three.js 粒子系统创建逼真的 3D 雪花飘落效果，通过 BufferGeometry 和自定义着色器实现高性能的冬日雪景场景。

• Vite + Vue3 优雅使用 SVG 图标：自动化雪碧图方案

  26 Oct, 2021

  通过自定义 Vite 插件自动将 SVG 图标转换为雪碧图，配合 Vue3 组件封装，实现高性能、易维护的 SVG 图标解决方案。

• 树莓派入门实战：使用 Python 控制 LED 灯闪烁

  29 Sep, 2021

  从树莓派 GPIO 基础开始，通过 Python 和 PyCharm 远程开发控制 LED 灯闪烁，带你踏入硬件编程的奇妙世界。

• Vue2 电梯导航组件：基于 ElementUI 的锚点定位方案

  23 Jul, 2021

  结合 ElementUI 和 velocity-animate 打造流畅的电梯导航组件，支持点击跳转和滚动联动，完美解决长表单页面的导航需求。

• IntersectionObserver 实战：打造优雅的图片懒加载与文字动效

  22 Jun, 2021

  利用强大的 IntersectionObserver API 实现图片懒加载和文字动态下划线效果，性能优越、代码简洁，让你的页面滚动体验更上一层楼。

• Electron 自动更新完整实现：从检测到安装的全流程

  3 Mar, 2021

  基于 electron-updater 实现桌面应用自动更新功能，包含版本检测、下载进度、强制更新等完整流程，让你的应用始终保持最新版本。