标签题目
前端相关面试题第 2 页
Promise 的状态流转和 then 链式调用机制是什么？
Promise 的核心不是“异步容器”这么简单，而是一套状态机、回调注册机制、返回值吸收规则和微任务调度规则的组合。面试回答要把 pending 到 fulfilled 或 rejected 的单向迁移、then 返回新 Promise、回调异步执行、值穿透、异常传播、thenable 展开和微任务边界串成完整链路。
浏览器跨域问题如何解决？
跨域问题的本质不是浏览器完全禁止请求发出去，而是同源策略限制脚本读取不同源响应。标准解法优先是服务端正确配置 CORS；工程上还会结合同源反向代理、本地开发代理、JSONP、postMessage、WebSocket 等方案，但它们适用场景和安全边界不同。
JavaScript 数据类型有哪些？堆和栈在存储上有什么区别？
JavaScript 数据类型有哪些？堆和栈在存储上有什么区别？这道腾讯牛客题的关键是围绕“JavaScript 数据类型与堆栈存储”讲清概念、机制、取舍和边界。JavaScript 数据类型可以先分为原始类型和引用类型。原始类型包括 undefined、null、boolean、number、bigint、string、symbol；对象、数组、函数等属于引用类型。堆和栈的区别要从变量绑定和对象存储解释，而不是简单说某个类型绝对在栈上。
前端或应用侧调用大模型 API 时，Prompt 安全设计要覆盖哪些风险和链路？
这题考前端或应用侧调用大模型 API 时的安全链路，回答重点是不要把密钥和权限放到浏览器，Prompt 安全要覆盖注入、越权、敏感信息和输出治理。
前端如何用 SSE 实现 AI 流式输出，并做好增量渲染和吐字动画？
这题考前端如何用 SSE 承接 AI 流式输出并实现稳定的吐字动画，回答重点是流解析、增量状态、渲染节流、取消重连和边界处理。
抖音点赞功能如何设计测试用例，并在弱网、重试和状态一致性下验证结果？
这题考测试开发能否把一个看似简单的点赞按钮拆成状态机、一致性、弱网、并发和观测问题。好的答案要覆盖正常路径、边界路径、异常网络、重复操作、最终状态校验、自动化与监控，而不是只列点击前后图标变化。
Selenium WebDriver 的工作原理是什么，自动化脚本如何通过 WebDriver 协议驱动浏览器并定位元素？
这题考测试开发对 Selenium WebDriver 的机制理解。高质量回答要说明客户端脚本、WebDriver 协议、浏览器驱动、浏览器会话、元素引用、定位器、交互命令和等待同步之间的关系，并指出 Selenium 能做什么、不能保证什么。
热搜应展示 10 条但页面只展示 9 条时，测试开发应如何定位前端、接口、排序和过滤链路问题？
这题考端到端定位能力。答案不能停留在“前端或后端都有可能”，而要说明如何固定复现条件，逐层核对接口响应、过滤去重、排序补位、客户端解析、渲染和日志，最终把缺失的一条定位到具体链路和可验证证据。
视频播放页面播放不出来时，如何从资源、播放器、网络、权限和兼容性角度设计排查测试？
这题考媒体播放链路的排查能力。答案要从资源是否可访问、媒体格式是否支持、播放器生命周期是否正确、网络和缓存是否异常、权限和设备策略是否阻断几层逐步定位，并说明每层可采集的断言和回归用例。
抖音上下滑动视频流如何设计测试用例，覆盖加载、预取、播放状态、手势和弱网？
这题考短视频信息流的综合测试设计。回答要覆盖数据加载和预取、播放器状态切换、手势识别、缓存与资源回收、弱网和性能指标，并给出可观测断言，例如当前 item、播放事件、首帧时间、曝光、卡顿和内存。