基于 rrweb 技术的测试 Bug 复现记录插件 Tracky2026/07/07
前几天在浏览技术博客时，偶然看到了 rrweb 这个开源项目。它并不像传统的屏幕录制工具那样录制视频流，而是记录网页的 DOM 状态以及后续产生的所有 DOM 变更（Mutation）。这让我瞬间产生了一个灵感：这简直是做 Bug 复现神器和测试记录的完美技术方案啊！
趁热打铁，结合最近正在探索的 AI 辅助编程，我快速实现了一个名为 Tracky 的轻量级浏览器录制插件。
vibecoding 了一个小工具 MiniServe 静态服务启动器2026/07/01
有时候我们需要在一些没有任何依赖的环境中运行和展示演示项目，这就需要提前把静态文件打包好，然后再使用一个独立、免安装的工具把这些静态文件作为服务运行起来。基于这个痛点，我突发奇想：能不能用 AI 快速做个跨平台且带界面的本地静态服务启动器？
也就是最近很火的词——Vibecoding（纯靠 AI 编写代码）。说干就干，仅仅花了不到半天的时间，我就用 AI 搓出了这个实用小工具：MiniServe。
告别页面假死：前端大数据量处理的分块（Chunking）调度艺术2025/12/24
在前端开发中，我们经常会遇到“高性能挑战”：比如一次性渲染几万个 DOM 节点、处理巨大的 JSON 文本或者初始化成千上万个计算对象。
如果你直接写一个同步的 for 循环从 0 运行到 100,000，结果通常只有一个：浏览器主线程被长时间占用，界面卡死（死机），用户无法操作，甚至弹出“页面无响应”提示。
本文将解析一种通用的优化思路：分块处理（Chunking）与分时调度。
Chrome 浏览器离线版本制作教程2025/12/04
这篇文章《Chrome 浏览器离线版本制作教程（含低版本包）》主要介绍了如何在 Windows 环境下制作并使用 Chrome 浏览器的离线（便携）版本，以实现多版本共存且互不干扰。
核心优势与说明
-
系统支持：仅支持 Windows 版本的 Chrome 浏览器 。
-
多版本共存：支持多个版本的 Chrome 同时存在，与日常使用的安装版不会发生冲突，可任意切换 。
警惕 Vue 中的“幽灵更新”：深度解析组件重挂载引发的竞态问题2025/11/11
在维护复杂的 Vue 项目（尤其是涉及 Canvas、图表或地图组件）时，我们偶尔会在代码中看到类似这样的“硬核”警告：
“注：此处新增画布后会重新触发 onMounted 里的新增实例，不能在此执行其他响应式更新/异步等操作，会导致组件实例竞态。”
这句话虽然简短，却精准地描述了一个让无数开发者掉过坑的陷阱——组件实例竞态（Component Instance Race Condition）。今天我们就来拆解一下，这行备注到底在防范什么。
docker 部署的 wordpress 接入阿里云短信服务实操2025/02/12
处于项目需求，将此功能实现总结下如何在wordpress 后台接入阿里短信服务，实现等于短信验证登功能；
修改通过 Docker 部署的 WordPress 上传文件的大小2024/10/22
本文介绍了修改 Docker 部署的 WordPress 上传文件限制的多种方案。包括进入容器内部修改 php.ini 配置、安装并使用 Vim 编辑器、以及通过挂载自定义 uploads.ini 文件或配置环境变量等更具可维护性的方法。旨在帮助开发者解决 WordPress 默认上传大小限制（通常为 2M）导致的大文件上传失败问题。
使用 Ngrok 实现 Windows 内网穿透，轻松实现公网访问本地服务2024/10/15
内网穿透（NAT 穿透）是一种技术，用于让位于内网中的设备可以被外网（互联网）访问。内网穿透解决了局域网中的设备因为私有 IP 地址无法被外网直接访问的问题。通常情况下，内网设备通过路由器或防火墙连接到互联网，而这些设备往往会使用网络地址转换（NAT）来管理网络流量。这导致了内网设备的 IP 地址对外网不可见，从而无法直接从外网访问这些设备。
AceEditor 封装及自定义扩展语言实现2024/10/12
最近调研前端代码编辑器，选中了 Ace editor，其本身功能丰富，扩展性也极强，插件目前更新稳定。ace 本身支持上百种语言的语法，然鹅日常项目中总有些奇葩的需求，以致我们需要去了解更多的技术研究。 技术支持： Vue3 + Vite ，基于 ace-builds 进行二次扩展封装。
- 1