京东前端怎么准备
京东前端面试常问商详和购物车：首屏要快，数量要准，大促不能把按钮点成事故。
五题覆盖商详、购物车、大促降级、错价和值班。用你做过的电商页来答。
京东怎么面前端
- 性能之后会问正确性：库存和价格展示。
- 大促会问降级开关由谁触发。
- 准备骨架屏和限购文案。
面试阶段与知识点
第一批不把每个阶段拆成独立 URL，避免程序化重复页。阶段对应下面的题，练完再用模拟面试串起来。
- 商详：首屏。
- 购物车：数量。
- 大促：降级。
- 错价：展示事故。
值得开口练的题
每题给考察点、思路、结构化参考答案和追问。参考答案用来组织语言，面试时必须换成你自己的项目事实。
商详首屏要出价格和可买状态，评论可以晚，你怎么拆请求？
考察点
- 关键数据
- 懒加载
- 缓存
回答思路
商详首屏只拉交易关键字段，评论与推荐模块独立懒加载，缓存命中仍要校验可买状态。
结构化参考答案
- 主接口聚合 SKU 价格、库存、促销标签与主图 URL，不含评论与猜你喜欢。
- 评论、问答、推荐各自独立请求，任一失败不阻塞加购按钮渲染与点击。
- CDN 或边缘缓存命中时，加购前仍调轻量库存校验接口，防止售罄仍显示可买。
- 骨架屏模块高度与真实模块对齐，避免内容到达后大幅跳动。
面试官可能追问
- 缓存把已售罄显示成可买怎么办？
- 主图轮播是否首屏必须？
- 如何测大促缓存命中？
购物车加减数量，如何避免显示 2 实际 1？
考察点
- 乐观更新
- 版本
- 限购
回答思路
购物车数量变更用乐观 UI 加版本号对账，服务端拒绝时必须回滚并解释限购或库存原因。
结构化参考答案
- 每次加减携带 cartItemVersion，服务端条件更新拒绝过期版本并返回最新数量。
- UI 层乐观展示新数量，回包到达后以服务端值为准校准，差异大时 toast 说明。
- 触及限购上限时在按钮层 disable 并展示限购文案，而不是到结算才报错。
- 离线期间的变更写入本地队列，恢复网络后按序重放并对账。
面试官可能追问
- 两台设备同时改？
- 库存不足回包如何提示？
- 如何防止连点？
大促把推荐和评价关掉，购买按钮还必须在，前端如何组织？
考察点
- 开关
- 容灾页
- 监控
回答思路
大促容灾按模块开关化组织代码，购买路径是最小不可降级集，非交易模块可摘除。
结构化参考答案
- 推荐、评价、种草等内容模块注册独立开关，配置中心下发后可运行时卸载。
- 开关读取失败时使用本地兜底配置，默认保留购买模块、关闭非关键模块。
- 容灾静态页仍保留 SKU 选择、价格展示与加购入口，确保峰值下仍可下单。
- 监控加购按钮可点率、接口错误率与 JS 异常，开关切换后自动对比基线。
面试官可能追问
- 配置中心挂了默认全开还是全关？
- 如何演练？
- 谁有权关模块？
页面把 ¥9.9 写成 ¥999，你如何尽快止血？
考察点
- 下线
- 范围
- 已下单
回答思路
零售价展示错误是零售事故，先回滚或下线活动页，再核对已下单订单是否受影响。
结构化参考答案
- 两分钟内回滚前端包或关闭对应活动页 CDN 缓存，阻止错误价格继续曝光。
- 与后端核对是前端展示字段错误还是计价接口本身错误，划分责任与修复路径。
- 同步客服统一口径，说明是否影响已支付订单及后续处理方式。
- 事后为价格字段加契约测试与运营配置双人复核，防止同类配置再次上线。
面试官可能追问
- 只是展示错、后端对，还要不要赔？
- 热修和回滚你怎么选？
- 如何防止运营配错？
如何让低端机在大促还能滑动商详？
考察点
- 减动效
- 减任务
- 分级
回答思路
按设备性能分级降级动效与渲染量，保证低端机商详仍可流畅滑动并完成购买。
结构化参考答案
- 启动时检测 deviceMemory 与历史 FPS，低端档自动关闭视差、粒子与复杂轮播过渡。
- 主图请求适配屏幕宽度的中档尺寸，不在列表外预加载高清大图。
- 评论区分页加载，首屏只渲染前 N 条，展开更多时再 mount 后续条目。
- 性能测试矩阵必须包含千元 Android 机，而不只测 iPhone 与旗舰。
面试官可能追问
- 如何避免误伤旗舰机？
- 降级是否影响转化实验？
- 谁维护设备名单？
和岗位、模拟面试一起用
资料管理里保存目标岗位 JD，模拟面试会按简历出题。点题目下的按钮会把本题带进模拟开场，仍需先绑定简历与岗位。