焦点科技 | 前端校招一面(复盘)

  1. 用户在浏览器输入 URL 到页面显示的全过程,中间具体发生了什么?
  2. HTTP 请求有请求头、响应头,你知道常用的属性有哪些?
  3. HTTP 状态码正常有哪些?
  4. 301 和 302 都是重定向,要配合什么属性?两者核心区别是什么?
  5. HTML 常用的语义化标签有哪些?
  6. 语义化标签是为了 SEO 优化,你清楚 SEO 是做什么的吗?
  7. SEO 我们称为 TDK 优化,TDK 是什么?
  8. script 标签除了 src,还有哪些常用属性?每个属性的用途讲一下?
  9. CSS 如何实现水平垂直居中?
  10. 两个 div,A 包含 B,给 B 设置 margin-top:10px,展示效果是什么?
  11. 这是什么现象?原因是什么?
  12. Vue Router / React Router 有 hash 和 history 两种模式,应用场景区别?
  13. history 模式刷新 404,后端怎么做?专业说法是什么?
  14. 你做过埋点需求吗?
  15. 图片打点和异步接口发送有什么区别?
  16. 页面离开时的埋点上报能做吗?用什么?
  17. 设计一个组件,统计产品卡片曝光(用户看到就算),思路?
  18. 图形验证码怎么做?原理是什么?
  19. 你接触过 AI coding 吗?用过哪些具体的 AI 模型 / 工具?怎么用 AI 做开发?
  20. 一个五六年的老项目,代码多又乱,怎么用 AI 快速上手做需求?
  21. 前端主要做视觉还原,AI 怎么帮助把设计稿转成页面?
#发面经攒人品##今天你投了哪些公司?#
全部评论
校友好
1 回复 分享
发布于 03-17 17:29 山西
校友
1 回复 分享
发布于 03-17 17:29 山西
二面了没 有没有考手写算法场景呢 我也被约面了但是感觉没准备好
点赞 回复 分享
发布于 03-25 15:14 山西

相关推荐

1. AI 大模型会取代前端吗?前端核心价值是什么?不会取代,但会重构工作方式。AI 擅长生成页面、组件、样式和简单逻辑,但交互体验、业务理解、性能优化、工程架构、跨端兼容、安全与用户体验把控依然是前端核心。前端未来是“AI 协作工程师”,用 AI 提效,自己专注复杂决策与体验创新。2. 前端如何接入大模型?常用方案有哪些?主流有三种:• 直接调用后端接口,前端只做流式渲染与对话交互;• 浏览器端使用 WebLLM、Transformers.js 等跑轻量化模型,实现本地推理;• 结合 AI 组件库(如 AI 搜索、智能提示)封装通用交互。关键点:前端负责流式 SSE/WebSocket 展示、上下文管理、加载状态、异常兜底,保证交互流畅。3. 你在项目中怎么用 AI 提升前端开发效率?• 用 AI 生成基础页面、表单、表格、动画代码;• 辅助写正则、工具函数、Hooks、接口类型定义;• 做代码审查、Bug 定位、性能优化建议;• 自动生成注释、文档、单元测试;• 快速复现与修复兼容性问题。核心是把重复体力活交给 AI,复杂逻辑与架构自己把控。4. 前端怎么实现 AI 流式对话(Chat 打字机效果)?使用 SSE(Server-Sent Events) 或 Fetch 流式读取:• 后端以流形式逐块返回内容;• 前端通过 ReadableStream 接收 chunk,逐字渲染;• 配合防抖、中断、重发、异常重试提升体验;• 结合虚拟列表解决长对话性能问题。这是现在 AI 产品最典型的前端能力考点。5. AI 给前端带来了哪些新的产品形态?• 智能表单:自动填充、语义化输入、自然语言生成查询;• AI 设计稿转代码、Figma 一键生成前端页面;• 智能客服/对话助手、语音交互+可视化界面;• 低代码/无代码平台的 AI 生成模块;• 个性化 UI:根据用户行为动态调整主题、布局、内容。前端不再只是“切页面”,而是AI 能力的交互出口。
面试官最爱问的 AI 问...
点赞 评论 收藏
分享
评论
2
21
分享

创作者周榜

更多
牛客网
牛客网在线编程
牛客网题解
牛客企业服务