Zubylon | Aaron Wong | 前端 × AI 工程实践知识库

FRONT-END × AI ENGINEERING

一个持续更新的 AI × 前端工程实践库

记录真实项目、工程化经验、源码解析与 AI 应用开发，把零散知识整理成长期可积累的能力体系。

RESUME KIT2026 简历模板资源包精选简历模板免费下载，覆盖商务简约、通用表格、沉稳严谨、毕业生与现代商务 Word 模板，适合快速整理一版清晰可投递的简历。ZIP 资源包 · 点击下载 NETWORK GUIDE2026 最佳梯子推荐︱科学上网机场节点2026稳定好用的翻墙机场节点和外网梯子推荐，按稳定性、速度、安全性、多端兼容、节点地区与备用线路整理，方便快速对比筛选。Windows 安装包 · 点击下载 VIRTUAL NUMBER海外虚拟号码接码平台HeroSMS 海外虚拟手机号，支持 ChatGPT、Claude、Google、WhatsApp 等主流平台注册验证，低至 $0.0059 起，即买即用。起 $0.0059 · 点击注册 AI TOOLS GUIDEAI工具使用指南｜ChatGPT、Claude、Telegram2026最新AI工具配置教程，详细介绍ChatGPT、Claude、Telegram的注册、配置与使用技巧，附完整图文教程，快速上手AI工具。完整教程 · 点击查看

进入 AI 工程化前端工程化工具库打开 DeepSeek Chat AI修改简历

AI WORKBENCH

把 AI Chat 变成真正能沉淀思路的工作台

不仅是对话，而是用于整理问题、验证方案、沉淀 Prompt 与记录思考过程的 AI Workspace。

打开 DeepSeek Chat

studio.tsfrontend / engineering / content

studio.ts

const profile = {  role: "Front-end Engineer",  site: "Knowledge Base + Practice Notes",  focus: ["Interview", "Engineering", "Source Code"],  output: ["Articles", "Topics", "Tools", "Algorithms"],  status: "持续更新中",};

VueReactTypeScriptViteNode.jsLLMRAGMCPStreaming UIPerformanceDX

report-queue.ts

sdk / monitoring-platform

function reportWithIdleCallback(data) {  const send = () => transportData.send(data);  if ("requestIdleCallback" in window) {    requestIdleCallback(send, { timeout: 1200 });    return;  }  Promise.resolve().then(send);}

requestIdleCallbackPromise监控 SDK空闲上报上报时机

查看文章中的数据上报时机

Aaron Wong前端 × AI 工程实践

智能 Agent 工作台

一个持续更新的 AI × 前端工程实践库

把 AI Chat 变成真正能沉淀思路的工作台

前端开发者的 LLM 落地手册

前端工程化与项目实践

面试题与前端基础

实用工具与效率入口

精选内容

设计模式

HTML标签

屏幕适配分析

跨域问题,SDK,前端监控

HTTP

面试题集合

前端水印功能

Python