前端工程师面试题库第 3 页

浏览器跨域问题如何解决？

跨域问题的本质不是浏览器完全禁止请求发出去，而是同源策略限制脚本读取不同源响应。标准解法优先是服务端正确配置 CORS；工程上还会结合同源反向代理、本地开发代理、JSONP、postMessage、WebSocket 等方案，但它们适用场景和安全边界不同。

怎么优化网络链接速度？

优化网络连接速度，本质是缩短从用户发起请求到可用响应返回的整条链路耗时。前端不能只盯着资源体积，还要拆开 DNS、TCP/TLS 握手、协议协商、服务器处理、传输拥塞、缓存命中、资源优先级和渲染阻塞等环节。回答应先给出度量口径，再按连接建立、协议升级、缓存复用、资源调度、传输压缩、CDN 边缘化和监控闭环展开。

HTTPS 的握手过程讲一讲？

HTTPS 的握手本质是 HTTP 通信前先通过 TLS 建立安全通道：客户端和服务端先协商 TLS 版本、密码套件和扩展参数，然后服务端用证书证明身份，双方通过密钥协商生成共享的对称会话密钥，再用 Finished 消息确认握手过程没有被篡改。握手完成后，HTTP 数据才通过对称加密、完整性校验和防重放机制进行传输。现代面试答案应以 ECDHE、TLS 1.2 和 TLS 1.3 为主，不能只讲早期 RSA 加密随机数的旧流程。

HTTP协议基于TCP做了哪些封装？

HTTP 并不是简单把数据塞进 TCP 发送，而是在 TCP 提供的可靠、有序、面向字节流的传输能力之上，定义了一整套应用层封装：报文格式、请求响应语义、头部元数据、消息体边界、连接管理、缓存协商、Cookie 状态、代理转发、安全传输以及不同版本的分帧和复用机制。TCP 只负责把字节可靠送达，不理解“请求”“响应”“URL”“状态码”“缓存”“Cookie”，这些都是 HTTP 在应用层补上的语义。

JavaScript 数据类型有哪些？堆和栈在存储上有什么区别？

JavaScript 数据类型有哪些？堆和栈在存储上有什么区别？这道腾讯牛客题的关键是围绕“JavaScript 数据类型与堆栈存储”讲清概念、机制、取舍和边界。JavaScript 数据类型可以先分为原始类型和引用类型。原始类型包括 undefined、null、boolean、number、bigint、string、symbol；对象、数组、函数等属于引用类型。堆和栈的区别要从变量绑定和对象存储解释，而不是简单说某个类型绝对在栈上。

Agent Skill 不一定可靠时，如何用 Workflow 和 System Prompt 固定主流程？

这题考 Skill 不可靠时如何用 Workflow 和 System Prompt 固定主流程。答案要覆盖能力探测、节点契约、流程骨架、受控执行、重试降级、前端确认和提示词护栏。

前端 AI 输出流式返回时，SSE 和 WebSocket 如何取舍？

这题考前端 AI 流式输出的传输取舍。答案要说明 SSE 适合单向 token 流，WebSocket 适合强双向实时控制，并覆盖重连、代理、鉴权、取消、背压和兼容性。

前端或应用侧调用大模型 API 时，Prompt 安全设计要覆盖哪些风险和链路？

这题考前端或应用侧调用大模型 API 时的安全链路，回答重点是不要把密钥和权限放到浏览器，Prompt 安全要覆盖注入、越权、敏感信息和输出治理。

前端如何用 SSE 实现 AI 流式输出，并做好增量渲染和吐字动画？

这题考前端如何用 SSE 承接 AI 流式输出并实现稳定的吐字动画，回答重点是流解析、增量状态、渲染节流、取消重连和边界处理。

大模型与 2020 年前传统模型的本质区别是什么？

这题考的是对大模型范式变化的理解：本质区别不只是参数更多，而是从任务专用模型转向大规模预训练、通用表示、自然语言交互、上下文学习和工程化治理并存的基础模型范式。

同题还出现在 1 个公司岗位

催生大模型出现的核心原因是什么？

这题考的是能否把大模型出现解释为多因素合流：海量数据、可扩展算力、Transformer 架构、自监督预训练、工程生态、对齐技术和产品需求共同把通用模型推到可用临界点。

AI 返回 ECharts 图表配置时如果出错，前端应如何做校验、降级、重试、可观测性和用户提示？

这题考前端工程师能否把 AI 生成 ECharts 配置当成不可信输入处理，并设计校验、降级、重试、观测和测试闭环，保证图表功能稳定可用。