初级前端工程师

结构：基本信息（专业/培训背景，转行就一句话带过不纠结）→ 学习成果（会什么：HTML/CSS/JS 基础+框架+工程化，用作品证明）→ 代表作项目（1-2 个有细节的：解决了什么问题、你负责什么、有什么亮点如性能优化或组件设计）→ 求职动机（为什么选前端、为什么投这家）。应届生的加分项是主动性：自己做过什么练手项目、写过博客、参与过开源。控制 2 分钟内，语速稳，别背稿感太重。

盒模型：content+padding+border+margin，box-sizing 的 content-box 与 border-box 区别（后者 border/padding 计入宽度，实际开发几乎都全局切 border-box）。flex：容器轴（main/cross）与关键属性（justify-content 主轴对齐、align-items 交叉轴、flex-grow/shrink/basis 分配、gap 间距），常见场景：居中（flex+justify+align 或 margin auto）、等分、圣杯布局。再带一句 grid 的适用（二维布局）与 BFC（块级格式化上下文：清除浮动、防止 margin 合并、自适应两栏）。答这题要能现场手写小 demo 的准备。

定义：函数与其词法作用域的组合，内层函数引用外层变量，外层函数执行完后变量仍被留住。应用：模块模式（私有变量）、防抖节流（保存定时器）、柯里化与偏函数、React hooks 的状态保持（useState 闭包陷阱：setCount(count+1) 连续调用拿到旧值，要用函数式更新）。坑：循环中的 var 闭包（let 块级作用域解决）、内存泄漏（被引用的大对象无法回收）。能讲出 hooks 闭包陷阱说明真写过项目，是应届生的区分点。

前端视角的完整链路：DNS 解析→TCP/TLS 建连→HTTP 请求（缓存命中判断：强缓存 Expires/Cache-Control→协商缓存 ETag/Last-Modified）→响应→解析 HTML 构建 DOM、解析 CSS 构建 CSSOM（CSS 阻塞渲染不阻塞 DOM 解析）→遇到 script 默认阻塞（defer/async 的区别）→渲染树→布局→绘制→合成。每一步都能延伸：首屏优化（SSR、代码分割、预加载）、重排重绘的触发与合并。这题是前端的「十项全能题」，答得越链路化越体现基础扎实。

应届生项目题的得分点在真实与反思。选最熟的一个，讲：背景与功能、技术选型理由（为什么 Vue/React、状态管理怎么选的）、难点（如复杂表单联动、列表性能、组件复用设计）与你怎么解决的（查了什么资料、试了几种方案、为什么最终这个）。避免「跟着教程做的」与「没有难点」两种塌方回答；教程项目也要讲出你的二次改造。诚实但不自贬：「这个问题我花了一天定位到是 XX，后来总结了 XX」。