知乎社区前端真实面试题（含实战答案+面试官追问）.docxVIP

知乎社区前端真实面试题（含实战答案+面试官追问）

适配：2024-2026知乎校招/社招前端（业务偏向社区信息流、问答、评论、个人主页、移动端H5）

一、一面基础必考（90%必问，侧重基础+业务基础）

1.说说HTML语义化，结合知乎问答页讲实际用法

参考答案：语义化就是不用无脑写div，用自带语义标签搭建页面结构，兼顾可读性、无障碍、SEO，知乎全站重度使用语义化标签。

结合知乎业务实操：

1）首页/问答页：header做顶部导航栏、aside侧边推荐栏、main包裹主体问答内容；

2）单条回答：article包裹整条回答，footer放回答点赞、评论、收藏按钮区；

3）评论区：ul/li嵌套层级评论，nav做话题跳转导航；

4）福利：语义化自带无障碍适配，适配知乎无障碍阅读模式，同时爬虫可以快速抓取问答标题、正文，提升社区SEO收录。

面试官追问：div和article本质区别？

答：div纯布局无语义，article代表独立可复用完整内容，知乎爬虫会优先抓取article内文本权重更高。

避坑：不要只背标签作用，必须绑定知乎页面场景

2.JS事件循环，结合知乎滚动加载、点赞埋点讲执行顺序

参考答案：浏览器主线程执行栈优先执行同步代码，执行完清空调用栈后，先执行微任务，再执行宏任务，循环往复。

知乎业务场景举例：

用户滑动信息流触发scroll（宏任务），滚动同时执行点赞