A LITTLE ABOUT ME
开发者，也一直在路上
8+
年 Web 开发经验
前端开发
从页面到产品，持续学习与实践。
澳洲 WHV
在路上工作，看看更大的世界。
上海 AI 开发
回到上海，探索 AI 原生产品。
AI & TECH
写代码时记下的事
我做 AI 开发时遇到的问题，记在这里。
technical-zh
浏览器录音实战：getUserMedia 采集 PCM 并编码 WAV
从麦克风权限、暂停恢复和 60 秒限制，到 PCM 样本采集、16 bit WAV 编码、原生 audio 试听与资源清理，完整拆解浏览器录音的可靠实现。
technical-zh
Chrome 扩展开发实战：Google Maps 邮编标注工具
这款 Chrome 扩展程序可在 Google Maps 上批量标注澳大利亚邮编位置，自动解析邮政编码并保存位置到指定列表，适用于房产分析、物流规划、市场区域管理等地理数据需求。
technical-zh
Vue 和 React 的区别怎么答才不死板？面试官最想听的回答思路全在这！
前端面试总被问“Vue 和 React 的区别”？本篇带你从实际开发、设计思想和编译原理3个角度拆解高质量回答，附口语化解释和项目实战理解，助你从众多候选人中脱颖而出！
technical-zh
微信小程序实现动态二维码海报生成与保存 | 高效便捷的前端方案
了解如何在微信小程序中实现动态二维码海报的生成与保存，支持用户自定义内容、高效绘制与一键保存，适用于活动推广、营销分享等多种场景。
technical-zh
【个人网站】12.七牛云私有空间图片访问最佳方案：CDN鉴权、URL签名与防盗链解析
如何在个人网站展示七牛云私有空间图片？推荐使用CDN自定义域名+URL鉴权，无需额外后端处理。本文详细解析三种方案：URL签名访问、开启防盗链、后端代理，帮你选择最佳图片访问方式！
technical-zh
微前端架构全面解析：什么是微前端及其主流解决方案
本文深入解析了微前端架构的概念与原理，详细介绍了微前端如何帮助大型应用进行拆分与管理。文章包括了常见的微前端技术方案如qiankun、single-spa及Web Components的介绍，并重点讨论了这些技术如何实现应用隔离、组件共享和通信。对于前端开发者、架构师及团队管理者，本文提供了全面的微前端架构知识。
A YEAR IN AUSTRALIA
我的澳洲 WHV 一年
出发前查过很多攻略，到了才发现还有好多事要自己摸索。这些是我那一年的记录。
whv-zh
2026澳洲WHV申请全流程 一篇看懂Working Holiday Visa
2026-australia-whv-guide
干货｜WHV万能英文简历模板！找工作直接用
澳洲WHV找工作必备！提供可直接复制的英文简历模板，适用于咖啡店、餐厅、农场等岗位，教你快速写出符合澳洲标准的resume，提高面试成功率。
2026澳洲WHV申请全攻略（超详细流程+费用清单）新手一篇搞懂
2026澳洲WHV申请全攻略！详细讲解462签证申请条件、流程、语言要求及真实费用，手把手教从零准备打工度假签证，避免常见申请坑，适合新手收藏。
澳洲银行利率大揭秘：哪家利息最高？2026最新储蓄账户全对比（新手必看）
2026最新澳洲银行储蓄利率对比！详细解析HSBC、CBA、ANZ、Westpac、NAB等银行账户利率和Bonus条件，教你如何拿满5%利息，避免常见利率陷阱，适合WHV和留学生。
澳洲 462 集签邮编查询工具
找工作前，可以用我的「澳洲 462 集签邮编查询工具」查看地点和指定工作类型。
ON THE ROAD
去过的地方
回来以后，慢慢把路上的事补写在这里。
来信
有想说的，写信给我吧
读到哪篇有共鸣，或者有不同的经历，都欢迎告诉我。
也可以聊 AI 开发，或你正在准备的澳洲打工度假。