前端面试核心题库整理
本文整理了近期高频出现的前端面试题,涵盖场景设计、基础原理及工程化实践。内容针对 3-6 年经验开发者,旨在帮助查漏补缺,提升技术深度。
一、场景设计与实战
这部分题目考察解决复杂业务问题的能力,是区分初级与高级开发者的关键。
- 水印相关
- 怎么在前端页面中添加水印?
- Web 网页如何禁止别人移除水印?
- 请求优化
- 如何封装一个请求,让其多次调用的时候,实际只发起一个请求,返回同一份结果(防抖/节流)?
- 如何解决页面请求接口大规模并发问题?
- 封装一个请求超时并支持发起重试的代码逻辑。
- 如何拦截 Web 应用的请求?
- Token 过期后,页面如何实现无感刷新?
- 组件交互
- React 中怎么实现下拉菜单场景,要求点击区域外能关闭下拉组件?
- 前端如何实现折叠面板效果?
- 在表单校验场景中,如何实现页面视口滚动到报错的位置?
- 架构与基建
- 如何搭建一套灰度系统?
- 如何在团队快速落地代码规范?
- 如何做一个前端项目工程的自动化部署,有哪些规范和流程设计?
- 你参与过哪些前端基建方面的建设?
- 从 0 到 1 搭建前端基建的思路。
- 监控与排查
- 如何监控前端页面的崩溃?
- 用户访问页面白屏了,原因是啥,如何排查?
- 如果用户说 Web 应用感觉很反应慢或者卡顿,该如何排查?
- 如何统计长任务时间、长任务执行次数?
- 如何检测网页空闲状态(一定时间内无操作)?
- 前端如何做错误监控?
- 前端日志埋点 SDK 设计思路。
- 其他高频场景
- 单点登录是什么,以及如何进行实现?
- SPA 首屏加载速度慢的怎么解决?
- 站点一键换肤的实现方式有哪些?
- 实现 Table Header 吸顶,有哪些实现方式?
- 怎么实现扫码登录?
- 如何设计一套统计全站请求耗时的工具?
- 你是怎么理解前端架构的?
- 假如让你负责一个商城系统的开发,现在需要统计商品的点击量,你有什么样的设计与实现?
- 如果想在小程序中嵌入 Markdown 的文档,你有什么思路?
- 前端如何实现截图?
- 如何实现网页加载进度条?
- 常见图片懒加载方式有哪些?
- H5 如何解决移动端适配问题?
- 移动端如何实现上拉加载,下拉刷新?
- 如何判断 DOM 元素是否在可视区域?
- 前端如何用 Canvas 来做电影院选票功能?
- 如何通过设置失效时间清除本地存储的数据?
- 如果不使用脚手架,如果用 Webpack 构建一个自己的 React 应用。
- 用 Node.js 实现一个命令行工具,统计输入目录下面指定代码的行数。
- 不同标签页或窗口间的主动推送消息机制的方式有哪些(不借助服务端)?
- 在 React 项目开发过程中,是否可以不用 React Router 使用浏览器原生 History API 路由来组织页面路由?
- 一次性渲染十万条数据还能保证页面不卡顿。
- 后端一次性返回树形结构数据,数据量非常大前端该如何处理?
- 当 QPS 达到峰值时,该如何处理?
- JS 超过 Number 最大值的数怎么处理?
- 使用同一个链接,如何实现 PC 打开是 Web 应用、手机打开是一个 H5 应用?
- 如何保证用户的使用体验?
- 应用上线后,怎么通知用户刷新当前页面?
- 站点如何防止爬虫?
- 一直在 Window 上面挂东西是否有什么风险?

