8月25日，晴。面完字节AI搜索前端岗，走出大楼时手心还在冒汗。

8月底才决定冲金九银十，留给我的时间不到两周。刷了三天八股，结果一面面试官上来就甩给我一段AI生成的虚拟滚动组件：“Claude写的，10分钟，边讲边改。”我懵了——不问闭包不问原型链了吗？

硬着头皮读代码，发现AI在内存回收上有个致命疏忽：滚动出视口的数据没释放。面试官追问：“你平时怎么保证AI生成代码的质量？”我说三层校验——类型安全、性能检查、安全扫描。他点头。

二面更狠。现场给需求，让我用Cursor实现一个AI对话流式输出。我一边写Prompt一边被追问：“流式传输的残缺JSON怎么处理？”“粘包半包怎么解？”我答用ReadableStream逐块解析+防御性兜底UI。最窒息的是考RAG：“前端怎么实现文档检索？向量数据库用过哪个？”我硬着头皮扯了Transformers.js+IndexedDB的本地向量匹配方案。

面试官最后说了一句话我记到现在：“我们要的不是会用AI写代码的人，是能让AI写出好代码的人。”

2026年的面试，AI不是加分项，是门槛。

2026年一线大厂AI前端开发岗面试原题整理1000+

一、TypeScript与类型系统

1. 在定义AI接口返回的嵌套数据结构（如多轮对话、工具调用结果）时，如何用TypeScript的泛型与条件类型实现灵活的类型推导？
2. 当AI接口返回的字段可能因模型版本不同而动态变化时，如何设计类型守卫（type guard）与类型收缩策略？
3. 请用TypeScript实现一个“类型安全的Prompt模板解析器”，要求支持变量插值、类型校验与默认值。
4. 如何用TypeScript的模板字面量类型（Template Literal Types）约束AI返回的特定格式字符串（如日期、ID）？
5. 设计一个类型系统，用于描述AI Agent执行过程中的状态流转（如思考→执行→观察→完成），并实现类型安全的状态切换。
6. 在联合类型（Union Types）与交叉类型（Intersection Types）中，哪种更适合定义多模态AI输出（文本、图像、音频）？为什么？
7. 如何用TypeScript声明一个支持流式Chunk数据与错误处理的泛型接口，并兼容SSE、WebSocket等多种传输方式？
8. 当AI服务返回的数据结构包含递归引用（如对话树）时，如何用TypeScript定义并避免循环引用导致的类型爆炸？
9. 请设计一个类型系统，用于前端对AI模型元数据（版本、输入输出格式、最大Token数）的静态校验。
10. 如何用TypeScript的infer关键字提取AI流式响应中的嵌套数据字段（如choices[0].delta.content）？
11. 在微前端架构下，多个AI功能模块共享类型定义，如何用Monorepo或类型包（.d.ts）进行统一管理？
12. 如何用TypeScript实现一个“类型安全的AI函数调用”系统，确保前端传递的参数与模型要求的Schema完全匹配？
13. 当AI接口支持批量请求时，如何用TypeScript元组（Tuple）与映射类型（Mapped Types）定义输入输出对应关系？
14. 设计一个类型系统，用于描述RAG检索结果中的“引用片段”及其置信度得分，并支持高亮展示。
15. 如何用TypeScript装饰器（Decorator）为AI请求方法自动添加日志、性能监控与错误重试的类型标注？
16. 在AI可视化编辑器中，如何用类型系统保证用户配置的工作流节点连接关系合法（如输入输出类型匹配）？
17. 如何用TypeScript条件类型实现AI模型版本的向后兼容，确保旧版前端能安全处理新版API返回的数据？
18. 设计一个类型系统，用于前端对AI生成内容的安全过滤（如敏感词、隐私信息），并在编译期进行部分校验。
19. 如何用TypeScript的satisfies运算符约束AI配置对象的结构，同时保留字面量的具体类型提示？
20. 在AI多租户系统中，如何用TypeScript区分不同租户的模型配置、权限与界面定制类型？

二、流式处理与实时通信

1. 请设计一个支持“断线重连+消息去重”的SSE客户端，并处理AI长文本生成中的网络抖动问题。
2. 如何在前端实现一个“流式Markdown解析器”，在AI逐字输出过程中实时渲染标题、列表、代码块，并避免标签截断？
3. 当AI流式返回的数据包含多个独立片段（如文本、代码、表格）时，如何设计Chunk合并算法以保证片段完整性？
4. 请实现一个支持“优先级调度”的流式请求队列，允许用户中断低优先级生成（如翻译）以优先处理高优先级任务（如代码生成）。
5. 在React 18+中，如何用useTransition与useDeferredValue优化AI流式输出的渲染性能，避免主线程阻塞？
6. 设计一个“流式数据缓存”策略，将AI已生成的内容分段存储于IndexedDB，支持离线续写与历史回放。
7. 如何用Web Worker并行处理多个AI流式响应（如同时生成文本与摘要），并实现跨线程状态同步？
8. 当AI服务端返回的流式数据包含自定义事件（如[DONE]、[ERROR]）时，前端如何解析并触发相应回调？
9. 请设计一个“流式进度估算”组件，根据已接收的Token数与模型速率，动态预测AI生成剩余时间。
10. 如何实现AI流式输出的“语音同步朗读”（TTS），确保语音与文字逐句对应，并支持暂停、跳过？
11. 在微前端场景下，多个子应用同时订阅同一个AI流式连接，如何设计共享连接管理器以避免重复请求？
12. 如何用Service Worker拦截AI流式请求，实现离线缓存、请求重试与带宽节省（如压缩Chunk）？
13. 设计一个“流式数据可视化”方案，实时展示AI生成过程中的Token分布、注意力权重或置信度变化。
14. 当AI流式输出包含结构化数据（如JSON、XML）时，如何在前端逐步解析并验证其完整性？
15. 如何用EventSource的last-event-id机制实现AI生成中断后的续接，确保数据不丢失？
16. 在低代码平台中，如何设计一个“流式UI生成器”，根据AI返回的JSON描述实时渲染表单、图表等组件？
17. 请实现一个“流式差异对比”功能，实时高亮AI编辑前后文本的差异（如语法修正、风格改写）。
18. 如何用WebRTC DataChannel替代SSE/WebSocket，实现P2P架构下的AI流式数据传输？
19. 设计一个“流式内容审核”管道，在AI生成过程中实时调用敏感词过滤、图片鉴黄等异步服务。
20. 如何在前端实现“流式翻译记忆库”，将AI翻译的句子片段实时存储并用于后续相似句子的加速？
21. 当AI流式输出被用户中途修改时，如何设计撤销/重做栈以保留每一步的流式状态？
22. 请设计一个“流式数据分片上传”方案，将用户输入的大文件（如视频）切片后流式发送给AI处理。
23. 如何用TransformStream在浏览器侧对AI流式输出进行实时转码（如Base64解码、gzip解压）？
24. 在AI代码生成场景中，如何实现流式输出的“实时语法检查”与错误高亮？
25. 设计一个“多模型流式对比”界面，同时展示GPT、Claude等不同模型的生成过程，并支持并行暂停/继续。

三、前端状态管理与数据流

1. 在大型AI应用中，如何用Zustand或Redux Toolkit管理多轮对话、生成任务、用户配置等复杂状态？
2. 设计一个“状态快照”系统，支持将AI对话的完整状态（包括流式中间结果）序列化保存与恢复。
3. 如何用XState或状态图（Statechart）建模AI Agent的完整工作流（包括工具调用、条件分支、错误处理）？
4. 在微前端架构下，多个AI功能模块需要共享“当前模型版本”状态，如何设计跨应用状态同步方案？
5. 请设计一个“乐观更新”策略，在用户发送AI请求后立即在UI中显示预期结果，再根据实际流式响应逐步修正。
6. 如何用immer或immutable.js优化AI对话列表的不可变更新，避免深拷贝导致的性能问题？
7. 设计一个“状态版本控制”系统，支持AI对话历史的任意回退、分支创建与合并（类似Git）。
8. 在离线优先的AI应用中，如何用RxJS或@tanstack/query管理本地缓存与网络状态的同步？
9. 如何用Recoil或Jotai的原子（Atom）机制实现AI生成参数的细粒度响应式更新（如温度、top_p）？
10. 设计一个“状态持久化”方案，将AI应用的关键状态自动保存至IndexedDB，并支持跨标签页同步。
11. 在AI可视化编辑器中，如何用Mobx实现画布节点、连接线、属性面板的双向数据绑定？
12. 如何用Redux-Saga或Redux-Observable处理AI请求的复杂副作用（如轮询、超时、竞态）？
13. 设计一个“状态迁移”工具，当AI接口版本升级导致数据结构变化时，自动转换旧版持久化状态。
14. 在AI多租户系统中，如何用上下文（Context）或依赖注入（DI）管理不同租户的独立状态实例？
15. 如何用Vue3的Composition API或React Hooks封装可复用的AI状态逻辑（如useChat、useCompletion）？
16. 设计一个“状态审计”系统，记录AI应用中的所有状态变更（谁、何时、何故），便于调试与回溯。
17. 在AI实时协作编辑中，如何用CRDT（无冲突复制数据类型）解决多用户同时修改Prompt的冲突？
18. 如何用Valtio的代理（Proxy）机制实现AI配置对象的响应式监听，并自动触发相关副作用？
19. 设计一个“状态压缩”算法，对AI对话历史进行无损压缩（如删除中间态、合并连续相似消息）。
20. 在AI工作流引擎中，如何用BPMN或Workflow模型定义状态流转，并前端可视化执行过程？
21. 如何用SWR或React Query实现AI模型列表、价格、可用性等数据的自动缓存与后台刷新？

四、性能优化与渲染

1. 在万条级别的AI对话历史中，如何实现毫秒级搜索与过滤（关键词、时间范围、模型类型）？
2. 请设计一个“虚拟化渲染”方案，用于超长AI生成内容（如数万Token的文档）的平滑滚动与快速定位。
3. 如何用WebGL或Canvas实现AI生成图像的高性能实时预览（如缩放、拖拽、滤镜）？
4. 在AI代码编辑器中，如何优化语法高亮、代码折叠、错误波浪线的渲染性能，避免输入卡顿？
5. 设计一个“按需加载”策略，仅渲染AI对话列表中可视区域及附近的消息，其余部分保留为纯文本。
6. 如何用WASM加速前端本地的AI推理（如句子嵌入、相似度计算），并实现与JavaScript的无缝交互？
7. 在AI实时语音转文字场景中，如何用Web Audio API优化音频流处理，降低内存与CPU占用？
8. 请设计一个“渲染优先级”调度器，确保AI生成中的关键UI（如输入框、发送按钮）始终响应迅速。
9. 如何用React.memo、useMemo、useCallback避免AI消息列表因无关状态变更导致的全量重渲染？
10. 在AI多模态输出（文本+图像+表格）场景中，如何分阶段渲染以提升首屏速度？
11. 设计一个“资源预加载”策略，在用户打开AI应用时提前加载模型配置、常用Prompt模板等静态资源。
12. 如何用Intersection Observer实现AI生成图像的懒加载，并支持加载中占位与错误重试？
13. 在AI实时视频分析场景中，如何用WebCodecs或FFmpeg.wasm解码视频流并提取关键帧送AI处理？
14. 请设计一个“内存回收”机制，自动释放AI对话历史中不再使用的消息对象、缓存图像等资源。
15. 如何用Service Worker缓存AI静态资源（如模型文件、WASM模块），实现离线可用与快速启动？
16. 在AI图表生成场景中，如何用Web Workers并行计算数据聚合、统计指标，避免阻塞UI线程？
17. 如何用React Concurrent Features（如Suspense、useTransition）优化AI生成过程中的加载状态与错误边界？
18. 请设计一个“Bundle拆分”策略，将AI应用按功能模块（聊天、编辑、可视化）拆分为独立Chunk，按需加载。
19. 如何用Tree Shaking与Code Splitting移除未使用的AI SDK代码（如不同模型的适配层）？
20. 在AI嵌入式场景（如浏览器插件）中，如何最小化运行时内存占用，避免影响宿主页面性能？

五、前端AI架构设计

1. 请设计一个“微前端+模块联邦”的AI应用架构，支持独立部署聊天、编辑、可视化等子应用。
2. 如何用Monorepo管理AI前端、Node.js中间层、共享类型定义、工具脚本的统一代码库？
3. 设计一个“插件化”AI前端框架，允许第三方开发者通过插件扩展模型接入、UI组件、工具调用。
4. 在AI多租户SaaS平台中，如何设计前端架构以支持动态主题、自定义域名、独立功能开关？
5. 如何用DDD（领域驱动设计）划分AI前端的核心领域（对话、模型、工具、知识库）与界限上下文？
6. 设计一个“事件驱动”架构，用EventEmitter或MessageChannel解耦AI各个模块（输入、处理、输出）。
7. 在AI实时协作场景中，如何用OT（操作转换）或CRDT实现多用户并发编辑的冲突解决？
8. 如何设计一个“配置驱动”的AI工作流引擎，前端通过JSON或YAML定义节点、连接线、条件分支？
9. 请设计一个“前后端分离”的AI应用，前端直接调用多个AI服务商API，后端仅做鉴权与计费代理。
10. 在AI嵌入式场景（如IDE插件）中，如何设计轻量级SDK，提供一致的API供宿主应用调用？
11. 在AI联邦学习前端，如何设计安全的数据上传、模型下载、更新合并流程，并保证用户隐私？
12. 设计一个“可观测性”架构，集成日志、指标、链路追踪，全面监控AI前端性能与异常。
13. 在AI低代码平台中，如何设计可视化编排器的前端架构，支持拖拽、连线、属性配置、实时预览？
14. 在AI实时视频处理场景中，如何设计前端流水线架构，串联视频采集、帧提取、AI推理、结果渲染？
15. 如何用Serverless思想设计AI前端，将部分计算（如Prompt渲染、结果过滤）移至边缘节点？
16. 设计一个“多端统一”架构，用Taro或Uni-app实现一套代码同时运行于Web、小程序、桌面端。
17. 在AI大规模团队中，如何设计前端组件库、工具链、CI/CD流水线以提升跨团队协作效率？
18. 设计一个“渐进式增强”架构，基础版AI功能纯前端实现，高级版依赖后端服务，平滑降级。
19. 如何用Web Components封装可复用的AI自定义元素（如<ai-chat>、<ai-editor>），跨框架使用？

六、AI特性与前端工程实践

1. 在前端实现一个Agent循环时，如何管理工具调用的异步执行、超时处理与结果合并？
2. 请设计一个前端本地的向量检索系统，用TensorFlow.js或ONNX Runtime计算句子嵌入并做相似度匹配。
3. 在AI产品中，前端可以通过哪些技术手段（如缓存、压缩、懒加载）帮助降低Token成本？
4. 如何建立AI生成内容的质量评估体系？前端可在交互层面提供哪些反馈机制（如评分、标注、修正）？
5. 在处理AI幻觉（Hallucination）时，前端可以设计哪些实时提示与用户教育交互？
6. 如何实现前端本地的敏感词过滤与内容安全审核，在发送至AI服务前进行初步筛查？
7. 请设计一个前端实验平台，支持对AI模型参数（温度、top_p）、Prompt模板、UI布局进行A/B测试。
8. 如何用WebAssembly在前端运行轻量级AI模型（如TinyLLM、蒸馏模型），实现离线推理？
9. 在AI多轮对话中，如何设计上下文窗口的管理策略（如滑动窗口、关键信息提取、自动摘要）？
10. 如何实现AI生成结果的“一键格式化”（如Markdown转富文本、代码缩进、表格对齐）？
11. 请设计一个“AI辅助编程”的IDE插件，提供代码补全、注释生成、错误解释、重构建议等功能。
12. 如何设计一个“AI绘画”前端，支持文生图、图生图、参数调整、历史作品管理与分享？
13. 如何用WebGPU加速前端AI推理，实现实时风格迁移、超分辨率、背景虚化等计算密集型任务？
14. 在AI内容审核场景中，如何实现图片、视频、文本的多模态联合审核与结果可视化？

七、AI工程化与前端工具链

1. 如何设计一个AI前端项目的标准化目录结构，兼顾业务功能、共享组件、工具函数与类型定义？
2. 请设计一套AI前端代码规范（ESLint、Prettier、Commitlint），并集成Git Hooks自动检查。
3. 如何用Husky、lint-staged、Commitizen打造AI项目的自动化提交与代码质量流水线？
4. 设计一个AI前端项目的CI/CD流水线，包括代码检查、单元测试、E2E测试、构建优化、自动部署。
5. 如何用Docker容器化AI前端应用，实现开发、测试、生产环境的一致性？
6. 请设计一个AI前端性能监控方案，收集FP、FCP、LCP、CLS等核心指标，并关联AI特定指标（如Token/s）。
7. 如何用Sentry或Bugsnag监控AI前端异常，自动捕获错误上下文（用户输入、模型参数、网络状态）？
8. 设计一个AI前端日志系统，结构化记录用户操作、AI请求、响应时间、错误信息，便于回溯分析。
9. 如何用Webpack或Vite优化AI前端构建性能，实现代码分割、Tree Shaking、预加载、持久缓存？
10. 请设计一个AI前端依赖管理策略，定期更新模型SDK、工具库，并评估兼容性与性能影响。
11. 设计一个AI前端错误上报与告警系统，根据错误频率、影响用户数自动触发Slack、邮件通知。
12. 如何用GraphQL Code Generator自动生成AI接口的TypeScript类型，保持前后端类型同步？
13. 请设计一个AI前端配置管理系统，支持环境变量、功能开关、模型端点、Prompt模板的动态配置。
14. 如何用Turborepo或Nx管理AI Monorepo中多个包的构建缓存、任务调度与依赖图优化？
15. 设计一个AI前端文档站点，集成API文档、使用示例、最佳实践、故障排查与版本历史。
16. 如何用Changesets或Lerna管理AI项目版本号、生成变更日志、自动发布NPM包？
17. 如何用Bundle Analyzer分析AI前端打包体积，识别并优化过大的依赖（如模型SDK、可视化库）？
18. 设计一个AI前端灰度发布方案，支持按用户ID、设备类型、地理位置逐步放量新功能。

github：https://github.com/encode-studio-fe-coder/natural_traffic/wiki/scan_material4

业务场景题深挖1000+

怎么实现同一个链接，PC访问是web应用，而手机打开是一个H5应用?

token过期后，页面如何实现无感刷新?

怎么在前端页面中添加水印?

如何封装一个请求，让其多次调用的时候，实际只发起一个请求的时候，返回同一份结果

如何解决页面请求接口大规模并发问题

前端单页应用History 路由模式，需要如何配置nginx?

web网页如何禁止别人移除水印

web应用中如何对静态资源加载失败的场景做降级处理?

什么是单点登录，以及如何进行实现?

SPA首屏加载速度慢的怎么解决

react中怎么实现下拉菜单场景，要求点击区域外能关闭下拉组件

Redux和Vuex的设计思想是什么?

如何搭建一套灰度系统?

怎么使用webpack，将JS文件中的css提取到单独的样式文件中?

站点一键换肤的实现方式有哪些?

React 如何实现 vue 中keep-alive 的功能?

实现table header 吸顶，有哪些实现方式?

怎么实现扫码登录?

如何监控前端页面的崩溃?

如果用户说 web应用感觉很反应慢或者卡顿，该如何排查?

如何设计一套统计全站请求耗时的工具

说说你对 package.json中配置项的了解

如何在前端团队快速落地代码规范

前端如何实现即时通讯?

如何解决node_modules中，同一个包安装了多个不同版本的问题?

如何将JavaScript代码解析成抽象语法树(AST)?

用户访问页面白屏了，原因是啥，如何排查?

你是怎么理解前端架构的?

如何给自己团队的大型前端项目设计单元测试?

怎么分析页面加载慢的原因?

如何做一个前端项目工程的自动化部署，有哪些规范和流程设计?

你参与过哪些前端基建方面的建设?

假如让你负责一个商城系统的开发，现在需要统计商品的点击量，你有什么样设计与...

前端怎么做错误监控?

为什么在技术选型中选择了webpack?

前端项目里，一般对请求request做哪些统的封装?

如果想在小程序中嵌入markdown 的文档，你有什么思路?

前端如何实现截图?

1.如何判断用户设备

2.将多次提交压缩成一次提交

3.介绍下navigator.sendBeacon方法

4.混动跟随导航(电梯导航)该如何实现

5退出浏览器之前，发送积压的埋点数据请求，该如何做?

6.如何统计页面的longtask(长任务)[热度:140】

7.PerfoemanceObserver如何测量页面性能

移动端如何实现下拉滚动加载(顶部加载)

9.判断页签是否为活跃状态

10.在网络带宽一定的情况下，切片上传感觉和整体上传消费的时间应该是差不多的这种说法正确吗?

11.大文件切片上传的时候，确定切片数量的时候，有那些考量因素

12.页面关闭时执行方法，该如何做

13.如何统计用户pv 访问的发起请求数量

14.长文本溢出，展开/收起如何实现

15.如何实现鼠标拖拽

16.统计站每一个静态资源加载耗时，该如何做

17.防止前端页面重复请求

18.ResizeObserverl作用是什么

19.要实时统计用户浏览器窗口大小，该如何做

20.当项目报错，你想定位是哪个commit引入的错误的时，该怎么做

21.如何移除一个指定的commit

22.如何还原用户操作流程

23.可有办法将请求的调用源码地址包括代码行数也上报上去?

24.请求失败会弹出一个toast如何保证批量请求失败，只弹出一个toast[热度:420)

25.如何减少项目里面if-else[热度:310】

26.babel-runtime作用是啥[热度:200】

27.如何实现预览PDF文件

28.如何在划词选择的文本上添加右键菜单(划词:标滑动选择一组字符，对组字符进行操作)【热度:100】

29.富文本里面，是如何做到划词的(鼠标滑动选择一组字符，对组字符进行操作)?[热度:100】

30.如何做好前端监控方案[热度:672]

31.如何标准化处理线上用户反馈的问题[热度:631]

32.px如何转为rem[热度:545]

33.浏览器有同源策略，但是为何cdn请求资源的时候不会有跨域限制【热度:579】

34.cookie可以实现不同域共享吗[热度:533】

35.axios是否可以取消请求[热度:532】

36.前端如何实现折叠面板效果?

37.dom里面，如何判定a元素是否是b元素的子元素[热度:400】

38.判断一个对象是否为空，包含了其原型链上是否有自定义数据或者方法。该如何判定?

39.is如何判空?「空」包含了:空数组、空对象、空字符串、0、undefined、nul、空map、空set都属于为空的数据[热度:640】

40.css实现翻牌效果[热度:116】

41.flex:1代表什么[热度:400】

42.一般是怎么做代码重构的

43.如何清理源码里面没有被应用的代码，主要是JS、TS.CSS代码[热度:329】

44.前端应用如何做国际化?[热度:199】

45.应用如何做应用灰度发布[热度:247]

46.「微前端]为何通常在微前端应用隔离，不选择iframe方案[热度:280】

47.[微前端]Qiankun是如何做JS 隔离的[热度:228]

48.[微前端]微前端架构一般是如何做JavaScript隔离

49.[React]循环渲染中 为什么推荐不用index做key[热度:320】

50.[React]如何避免使用context 的时候，引起整个挂载节点树的重新渲染[热度:420】

51.前端如何实现截图?

52.当QPS达到峰值时,该如何处理?

53.js超过Number最大值的数怎么处理?

54.使用同一个链接，如何实现PC打开是web应用、手机打开是-个H5应用?[腾讯二面]

55.如何保证用户的使用体验[字节一面]

56.如何解决页面请求接口大规模并发问题[必会】

57.设计一套全站请求耗时统计工具

58.大文件上传了解多少【百度一面】

59.H5如何解决移动端适配问题【美团一面】

60.站点一键换肤的实现方式有哪些?【美团一面】

61.如何实现网页加载进度条?[百度一面]

62.常见图片懒加载方式有哪些?[京东一面]

63.cookie构成部分有哪些[百度一面】

64.扫码登录实现方式[腾讯一面]

65.DNS协议了解多少[字节一面】

66.函数式编程了解多少?[京东一面】

67.前端水印了解多少?【腾讯一面】

68.什么是领域模型[必会】

69.一直在window上面挂东西是否有什么风险[百度一面】

70.深度SEO优化的方式有哪些，从技术层面来说

71.小程序为什么会有两个线程[腾讯一面】

72.web应用中如何对静态资源加载失败的场景做降级处理

73.html中前缀为data-开头的元素厘性是什么?

74.移动端如何实现上拉加载，下拉刷新?[字节一面】

75.如何判断dom元素是否在可视区域【字节一面】

76.前端如何用canvas来做电影院选票功能[美团一面】

77.如何通过设置失效时间清除本地存储的数据?[腾讯二面】

78.如果不使用脚手架，如果用webpack构建一个自己的react应用

79.用nodejs实现一个命令行工具，统计输入目录下面指定代码的行数

80.packagejson里面 sideEffects 厘性的作用是啥[必会】]

81.script标签上有那些厘性，分别作用是啥?[必会】

82.为什么SPA应用都会提供一个hash路由，好处是什么?

83.[React]如何进行路由变化监听[字节一面】

84.单点登录是是什么，具体流程是什么[腾讯一面】

85.web网页如何禁止别人移除水印[百度一面】

86.用户访问页面白屏了，原因是啥，如何排查?

87.[代码实现]JS中如何实现大对象深度对比

88.如何理解数据驱动视图，有哪些核心要素?[腾讯二面]

89.vue-di都做了哪些事儿，有哪些功能?

90.JS执行100万个任务，如何保证浏览器不卡顿?【百度一面】

91.JS放在head里和放在body里有什么区别?

92.Eslint代码检查的过程是啥?[必会】

93.虚拟混动加载原理是什么，用S代码简单实现一个虚拟滚动加加载

94.[React]react-router和原生路由区别

95.html的行内元素和块级元素的区别[京东一面】

96.介绍-下 requestldleCallback api

97.documentFragment api是什么，有哪些使用场景?[必会】

98.git pull和git fetch有啥区别?

99.前端如何做页面主题色切换[腾讯一面】

100.前端视角-如何保证系统稳定性[字节一面]

101.如何统计长任务时间、长任务执行次数[腾讯二面]

102.V8里面的JT是什么?[京东一面]

103.用JS写一个cookies解析函数，输出结果为一个对象

104.vue中Scoped Styles是如何实现样式隔离的，原理是啥

105.样式阿商方式有哪些[字节一面]

106.在S中，如何解决递归导致栈溢出问题?

107.站点如何防止爬虫?[百度一面]

108.ts项目中，如何使用nodemodules里面定义的全局类型包到自己项目src下面使用?【百度二面】

109.不同标签页或窗口间的[主动推送消息机制】的方式有哪些?(不借助服务端)

110.【React]在react 项目开发过程中，是否可以不用react router使用浏览器原生history 路由来组织页面路由?

111.在表单校验场景中，如何实现页面视口滚动到报错的位置

112,如何一次性渲染十万条数据还能保证页面不卡顿[百度二面]

113.【webpack】打包时hash码是如何生成的【必会】

114.如何从0到1搭建前端基建【京东一面】

115.你在开发过程中，使用过哪些TS的特性或者能力?【美团一面】

116.JS的加载会阻塞浏览器渲染吗?【百度一面】

117.浏览器对队头阻寒有什么优化?【百度一面)

118.Webpack项目中通过script标签引入资源，在项目中如何处理?

119.应用上线后，怎么通知用户刷新当前页面?【腾讯一面】

120.Eslint代码检查的过程是啥?

121.HTTP是一个无状态的协议，那么Web应用要怎么保持用户的登录态呢?

122.如何检测网页空闲状态(一定时间内无操作)【百度二面】

123.为什么 Vite 速度比 Webpack 快?

124列表分页，快速翻页下的竟态问题【百度二面】

125.JS执行100万个任务，如何保证浏览器不卡顿?

126.git仓库迁移应该怎么操作

127.如何禁止别人调试自己的前端页面代码?【字节二面】

128.web系统里面，如何对图片进行优化?[必会]

129.OAuth2.0是什么登录方式

130.单点登录是如何实现的?

131.常见的登录鉴权方式有哪些?

132.需要在跨域请求中携带另外个域名下的Cookie该如何操作?

133.vite和webpack在热更新上有啥区别?

134.封装一个请求超时，发起重试的代码

135.前端如何设置请求超时时间timeout[必会】

136.nodejs如何充分利用多核CPU?[字节二面】

137.后端一次性返回树形结构数据，数据量非常大,前端该如何处理?

138.你认为组件封装的一些基本准则是什么?

139.页面加载速度提升(性能优化)应该从哪些反向来思考?

140.前端日志埋点 SDK设计思路

141.token进行身份验证了解多少?[腾讯一面】

142.在前端应用如何进行权限设计?[字节二面】

143.[低代码]代码平台一般染是如何设计的?

144.[低代码]代码平台一般底层协议是怎么设计的

145.[Webpack】有哪些优化项目的手段?

146.IndexedDB存储空间大小是如何约束的?

147.浏览器的存储有哪些[腾讯一面】

148.[Webpack】如何打包运行时chunk，且在项自工程中如何去加载这个运行时chunk?

149.为何现在市面上做表格染可视化技术的，大多数都是canvas，而很少用svg的?

150.在你的项目中，使用过哪些webpack plugin,说一下他们的作用

151.在你的项目中，使用过哪些webpackloader,说一下他们的作用

152.[React】如何避免不必要的染?[美团一面】

153.全局样式命名冲突和样式盖问题怎么解决?

154.[React]如何实现专场动画?

155.[React]从React层面上，能做的性能优化有哪些?

156.[VUE】中为何不要把v-if和v-for同时用在同一个元素上，原理是什么?

157.将静态资源缓存在本地的方式有哪些?

158.SPA首屏加载速度慢的怎么解:决

159.axios是如何区分是nodejs环境还是浏览器环境的?

160.如何拦截web应用的请求

161.前端有哪些跨页面通信方式?

162.H5下拉刷新如何实现?

163.如何修改第三方npm包?