全部文章
共 1299 篇文章
二、流式处理与实时通信（25题）
1\. 请设计一个支持"断线重连+消息去重"的SSE客户端，并处理AI长文本生成中的网络抖动问题 场景：在AI答疑系统中，学生提问后AI需要长时间生成答案，期间网络可能不稳定，需要确保连接中断后能自动重连，并且不丢失、不重复已接收数据。 核心答案： 设计一个SSE客户端，封装原生EventSource，添加以下功能： 1. 断线重连：监听onerror事件，连接断开后按指数退避策略重连 2. 消息去重：服务器为每个消息分配唯一ID，客户...
五、前端AI架构设计（19题）
1. 请设计一个"微前端+模块联邦"的AI应用架构 场景：在AI学习平台演进过程中，原有的单体前端应用变得臃肿，团队希望将聊天、代码编辑、可视化分析等模块拆分为独立应用，由不同团队独立开发和部署。 核心答案：采用模块联邦架构，将AI应用拆分为多个自治的微前端应用。每个应用独立开发、构建、部署，通过Webpack 5的Module Federation实现跨应用模块共享。构建统一的应用壳（App Shell）管理路由、状态、样式和共享依赖...
八、大模型前端集成（7题）
1. 如何用OpenAI Function Calling或Tools在前端实现AI工具调用 核心架构：构建一个可扩展的工具调用框架，将自然语言转换为结构化工具调用指令，并处理工具执行和结果返回的完整生命周期。 实现思路： 1. 工具注册与描述系统 工具元数据定义：每个工具包含名称、描述、参数模式、执行函数 工具分类管理：按功能域（计算、搜索、数据操作、系统交互）分类 权限与安全控制：工具执行权限验证，敏感操作确认 版本兼容性：支持工具...
六、AI特性与前端工程实践（14题）
1. 在前端实现一个Agent循环时，如何管理工具调用的异步执行、超时处理与结果合并？ 场景：在智能助教系统中，AI Agent需要按顺序调用多个工具（如计算器、天气查询、代码执行），并处理可能出现的超时和错误。 核心答案：设计一个基于状态机的Agent执行引擎，通过优先级队列管理工具调用，实现超时重试和错误降级机制，最后通过结果聚合器合并多个工具的输出。 实现思路： 1. 任务调度器：将Agent的思考过程分解为多个原子任务，每个工具...
前端AI八股文题目汇总
一、TypeScript 与类型系统（20题） 1. 在定义 AI 接口返回的嵌套数据结构（如多轮对话、工具调用结果）时，如何用 TypeScript 的泛型与条件类型实现灵活的类型推导？ 2. 当 AI 接口返回的字段可能因模型版本不同而动态变化时，如何设计类型守卫（type guard）与类型收缩策略？ 3. 请用 TypeScript 实现一个"类型安全的 Prompt 模板解析器"，要求支持变量插值、类型校验与默认值。 4. 如...
四、性能优化与渲染（20题）
1. 在万条级别的AI对话历史中，如何实现毫秒级搜索与过滤？ 场景：智能辅导系统累积了数万条学生与AI的对话记录，教师需要快速检索特定知识点的问题或学生常错点。 核心答案：采用多级索引架构和内存计算优化。建立倒排索引用于关键词搜索，位图索引用于分类筛选，B+树索引用于时间范围查询。通过索引预计算、查询合并和结果缓存实现毫秒级响应。 实现方案： 1. 索引结构设计： 倒排索引：关键词 [消息ID列表]，使用TF IDF加权 位图索引：标签...
Godot 4 常用 UI 节点详解
Godot 4 常用 UI 节点详解 在 Godot 4 中，UI 系统基于 Control（控件） 节点构建。所有 UI 节点都继承自 Control，形成一棵完整的 UI 树。与游戏引擎中常见的"Canvas + DOM"模式不同，Godot 的 UI 系统是声明式的——你在场景中搭好节点树，引擎自动完成布局计算。 一、布局系统：Container 家族 Container 是 Godot UI 的 骨架 。它决定了子节点的大小和位...
🎯 Cocos Creator 生命周期详解
Cocos Creator 生命周期详解 一、前言 Cocos Creator 作为主流的游戏开发引擎，其组件化架构的核心就是 生命周期回调函数 。理解这些回调的触发时机、执行顺序和使用场景，是写出高质量游戏逻辑的基础。 本文基于 Cocos Creator 3.x ，系统梳理从引擎启动到场景切换、从节点创建到销毁的完整生命周期。 二、组件生命周期回调总览 Cocos Creator 的生命周期回调按触发顺序排列如下： | 回调函数 |...
🚀 Cocos Creator 新手入门指南
一、Cocos Creator 是什么 Cocos Creator 是一款专注于 2D 和 3D 游戏开发的引擎，由 Cocos 团队开发。它的核心理念是 组件化开发 ——把游戏中的每个功能拆成独立的组件，像搭积木一样组合起来。 主要特点 ： 完全免费，支持发布到 Web、iOS、Android、桌面等多平台 使用 TypeScript 编写脚本，对前端开发者非常友好 编辑器可视化操作，所见即所得 内置资源管理、动画系统、UI 系统、物...