Posts

All the articles I've posted.

• Electron 静默打印解决方案：HTML 与 PDF 打印实战

  26 Feb, 2021

  告别 window.print 的弹窗烦恼！使用 Electron 实现 HTML 和网络 PDF 的静默打印功能，支持自定义打印机选择，完整的桌面应用打印解决方案。

• 打造炫酷音频可视化：Web Audio API 与 Canvas 实战

  7 Jan, 2021

  使用 Web Audio API 和 Canvas 实现动态音频频谱可视化效果，将音乐转化为动态跳动的柱状图，打造专属的网页音乐播放器。

• Vue2 自定义拖拽指令：优雅实现元素拖动功能

  25 Dec, 2020

  基于 Vue2 自定义指令和 CSS Transform 实现流畅的元素拖拽功能，支持边界检测和位置记忆，一个指令搞定所有拖动需求。

• 纯前端实现相机拍照：getUserMedia API 实战指南

  15 Dec, 2020

  使用 JavaScript 的 getUserMedia API 实现浏览器调用相机拍照功能，包含视频流获取、Canvas 截图、图片下载等完整实现，轻松打造 Web 相机应用。

• Vue2 服务式组件开发：打造优雅的全局 Loading

  14 Dec, 2020

  从零实现 Vue2 服务式 Loading 组件，深入理解 Vue.extend、$mount 等核心 API，掌握函数式调用组件的设计模式，提升代码的优雅度和复用性。

• 神奇的动态 Favicon：让网页图标播放视频

  11 Dec, 2020

  利用 Canvas 和 Video API 实现动态 Favicon 效果，让你的网页标签页图标变成会动的视频播放器，为用户带来前所未有的视觉体验。

• 揭秘 Koa2 洋葱模型：异步中间件的优雅实现

  11 Aug, 2020

  深入剖析 Koa2 的洋葱模型设计理念，通过手写核心代码理解 async/await 在中间件中的巧妙应用，掌握现代 Node.js 框架的精髓。

• 深入理解 Express 中间件机制：从零实现一个轻量级框架

  9 Aug, 2020

  通过手写代码深入剖析 Express 中间件的核心原理，从 next 函数的实现到完整的路由系统，带你彻底理解这个轻量级 Node.js 框架的设计精髓。