面试题库
岗位：前端工程师
部门：云启科技 · 产品研发中心
维护人：张伟（人力资源部）、陈静（用人经理）
适用：0000 年社招与校招
状态：在用
一、适用范围
本库用于云启科技产品研发中心招聘前端工程师。社招由用人经理陈静主问专业与项目，人力资源部张伟补充协作与稳定性；校招由陈静与一名在岗工程师共同面试。每场从专业、项目、协作三类中各抽两题，整场五十分钟，最后十分钟留给候选人提问。
题目分基础与进阶两档。工作满三年的社招候选人以前两档进阶题为主；应届候选人回答基础题，进阶题只作加分。面试官当场记录优秀、合格、待定、未通过四档，并写下一句可以核对的证据。
二、专业题目
基础
- 页面加载。请说明从输入地址到页面可交互，浏览器要经过的主要阶段，并举出两处前端可以优化的环节。参考要点：连接与文档解析、样式与脚本执行、渲染与绘制；优化可举减少阻塞脚本、静态资源缓存、关键资源优先加载。
- 页面布局。请说明标准流、弹性布局和网格布局各自适合的场景，并为「左侧筛选、右侧列表」的后台页选定一种做法。参考要点：弹性布局适合一维排列，网格适合二维区域；筛选栏固定宽度、列表区占剩余空间即可用弹性布局完成。
- 表单状态。请以带校验的登录表单为例，说明空值、格式错误、提交中和失败四类状态的界面表现。参考要点：提交进行中按钮不可重复点击，失败后保留已填内容并展示服务端返回的原因。
进阶
- 长列表。请说明五千行日志使用虚拟列表时，可见窗口、缓冲行和滚动位置的计算方式，以及行高不固定时的补测方法。参考要点：只渲染可视区及上下缓冲，用滚动距离除以估算行高定位起始行，渲染后用真实高度回写偏移。
- 请求失败。请为列表页设计失败后的重试、空列表和局部错误，并说明哪些错误适合自动重试。参考要点：超时和 5xx 可自动重试一次，4xx 展示原因并由用户修改条件后再请求。
- 评论安全。请说明评论框发生跨站脚本的一条典型路径，以及输出编码和内容安全策略分别挡住哪一步。参考要点：把评论当 HTML 插入会执行脚本；默认按文本输出，并用内容安全策略限制脚本来源。
三、项目题目
- 请选择一段本人负责并已上线的前端工作，说明目标用户、本人修改的模块、上线时间和一项结果数据。参考要点需要听到本人边界，而不是整个团队的成绩。
- 请讲述一次需求在开发中途发生变化的经历，说明变化的内容、排期的调整方式和最终交付物。参考要点包括与产品重新确认验收标准的时间点。
- 请说明本人与后端约定接口的方式，包括字段、错误码，以及联调发现不一致之后的处理。参考要点：先改契约再改调用，并留下一次可以复查的记录。
- 请描述一个本人写过的复杂组件，说明状态从哪里来，哪些计算放在渲染之外。参考要点：派生数据有明确的计算时机，避免在渲染函数里发请求。
四、协作题目
- 请讲述一次与产品对验收标准有分歧的经历，说明双方依据和最终采用的标准。参考要点要有具体页面或字段，并有定稿时间。
- 请讲述一次代码评审中本人未采纳某条意见的经历，说明理由和后来的结果。参考要点：拒绝时给出替代做法，并在合并前与评审人达成一致。
- 请说明本人估算工作量的方法，并举一次估早或估晚的例子以及事后的调整。参考要点：估算拆到可交付的小块，偏差在下一次估算里改参数。
- 请说明加入新仓库后的前十个工作日，本人通常完成哪几项准备才开始独立提交。参考要点：本地构建、代码规范、一次小改动的合并请求、找到模块负责人。
五、评分标准
四档用于当场记录，档与档之间不折算成分数。同一场面试里，专业、项目、协作分别给档，总评取最低档。总评为合格及以上的，可以进入下一轮；总评为待定的，由陈静决定是否加试一题；总评为未通过的，结束本岗位流程。
六、记录要求
面试结束当天，面试官在招聘系统提交四档结论和一句证据。陈静填写专业与项目，张伟填写协作。证据写成可核对的事实，例如「能写清虚拟列表的起始行计算」。进入录用讨论前，三栏都要达到合格及以上。
- 张伟在两个工作日内把未通过的结果通知候选人，并保留题目编号备查。
- 同一候选人复试时更换题目，不重复上一场已经问过的题号。
- 本库每季度由陈静增删两道进阶题，张伟更新版本日期。