Maxkim

基于 MCP 协议搭建 AI 浏览器 Agent MVP，实现浏览器性能采集与智能交互，前端实战可直接落地，打通 AI 与浏览器能力闭环

本文对比 SSE 与 WebTransport，指出 SSE 在 AI 智能体复杂场景下的局限，WebTransport 基于 QUIC 更适配低延迟、全双工、多模态的下一代智能体通信。

先搞懂：Web Worker 到底是个啥？想了解性能优化相关的内容吗，一问让你了解性能优化中的web Worker，让页面不再卡顿

本文聚焦前端工程化主流方案 pnpm workspace 与 Monorepo 架构，结合 shadcn/ui 源码级复用模式，拆解核心概念、实操用法与避坑指南，一问讲明白常见问题。

npm与pnpm是包管理器，npx是执行工具。pnpm利用硬链接机制实现极速安装、省磁盘并杜绝幽灵依赖，性能优于npm；npx用于临时运行命令，避免全局污染。

本文深入解析 Vue3 响应式核心 Proxy 与 Reflect，通过手写代码演示数据拦截与视图更新流程。对比 Vue2 ，揭秘 Proxy 在监听新增属性与数组方面的优势，助你彻底吃透数据响应式。

JS数据类型检测核心有4种：typeof简洁高效，适用于基本类型（除null）；instanceof基于原型链区分引用类型；constructor可跨类型检测但受原型影响；

本文解析 JS 中 call、apply、bind 三大改变this指向的方法，对比三者在执行时机、传参方式和返回值的差异，通过手写实现深入底层逻辑，助力掌握前端必备知识点。

想开发 Chrome 扩展却不知如何打包分发？本文从 CRX 本质切入，拆解「输入 - 输出 - NPM 脚本」打包三步骤，对比纯原生 / 工程化方案，教生成可分发的.crx文件,搞定扩展打包全流程！