鲁斯前端
布鲁斯前端
全部课程
常见的前端面试题目
关于布鲁斯
繁中
简中
EN
登入
常见的前端面试题目
by 前 TikTok 面试官
布鲁斯曾在 TikTok 担任前端面试官，根据自身经验整理了 69 道常见的前端面试题目，帮助你准备前端面试。
📚 JS 概念题目
变量 const、let、var 与变量提升
JS里的严格与松散比较
事件循环与异步操作
JavaScript 作用域
JavaScript 闭包（Closure）
Map 与 Set 数据结构
JS的new、原型链与Class实现解析
JavaScript this 关键字深入解析
Promise 与 Async/Await 是什麼？
深拷贝与浅拷贝深入解析
JavaScript 模块化系统深入解析
📚 HTML、CSS、浏览器
为何不能DIV滥用？标签滥用问题
Box模型与Display
CSS选择器优先级
Flexbox面试重点
px vs rem vs em详解
绝对定位与React Portal
事件冒泡原理是什麼？
如何正确打开外部链接
📚 HTTP、浏览器、网络安全
从浏览器输入网址到打开网页的过程
HTTP vs HTTPS 比较
HTTP/1 vs HTTP/2 比较
常见的HTTP状态码
HTTP Cookie 详解
跨域是什么？怎么解决跨域问题？
XSS攻击
Content Security Policy
CSRF cookie跨域攻击
SQL注入攻击
✍️ 面试必会的JS Coding
实现扁平化数组或对象
实现防抖函数处理输入事件
实现节流函数优化数据请求
实现数组 filter 方法
实现数组 map 方法
实现 curry 柯里化函数
手写 Promise 实现
手写 Promise.all 实现
实现 Promise Pool 并发控制
实现限时 Promise
实现 JSON.stringify
实现 Memoize 记忆化函数
实现 Promise Sleep 函数
实现数组分块函数
实现深拷贝函数
实现执行异步任务
实现订阅与发布模式
实现自定义 useFetch Hook
实现数据获取与 UI 更新
📚 前端性能优化题目
学员专属
页面加载 - 解释网页的渲染过程（CRP路径）
页面加载 - Script 位置与 defer、async 属性
页面加载 - SSR vs SSG vs CSR 是什麼？
页面加载 - Lazy Loading 是什麼？
页面加载 - Code Splitting 是什麼？
页面加载 - Prefetch & Preload 解析
页面加载 - 什么是CDN？为何需要CDN
页面加载 - Utility First CSS 的好处
用户交互优化 - Throttle 与 Debounce
用户交互优化 - 缓存策略 (Web Storage & HTTP Cache)
用户交互优化 - will-change 硬件加速动画
用户交互优化 - RequestAnimationFrame 避免动画掉帧
用户交互优化 - React 渲染优化
📚 React 面试概念
学员专属
Hook原理与为何Hook调用方式有限制？
useRef用途与实现原理
useEffect的执行时机
useEffect 与 useLayoutEffect的使用选择
解释 React Key 的用途
什么是Server Component & Hydration？
状态管理框架选择与理由
Virtual DOM 与 React Fiber
