前端（百度，阿里，腾讯）面试题收藏！269页前端大厂面试题宝典分享！

逃离我推掉我的手 2023-01-16 11:20 87阅读 0赞

#### 前言 ####

文章分享收集整理的**百度，阿里，腾讯前端（实习）面试题**。还有《【269页】前端大厂面试题宝典》，主要内容概括：**HTML，CSS，JavaScript，HTTP，TCP协议，浏览器，Vue，数据结构与算法**。

#### 百度（实习） ####

*  position
 *  bind、apply，call
 *  手写bind
 *  BFC
 *  csrf
 *  跨域
 *  diff算法
 *  虚拟DOM
 *  单位（像px，rem，em，vw等）
 *  SSR（怎么实现）
 *  ua和媒体查询
 *  OSI七层模型
 *  浏览器缓存机制
 *  怎么实现在项目中使用强缓存，协商缓存
 *  Event loop
 *  let、var、const区别
 *  如何设计react组件
 *  组件通信方式
 *  git命令
 *  一个业务场景：a，b，c，d，要删除c的提交，git怎么操作（git revert）
 *  JWT
 *  四大存储和session
 *  rem
 *  深拷贝的方法有哪些
 *  实现瀑布流的方法
 *  实现动画的效果
 *  手写深拷贝

#### 阿里（实习） ####

*  做过什么项目？
 *  平时用什么技术
 *  介绍一下项目的难点
 *  对于前端工程化，你怎么理解
 *  协商缓存
 *  选择器的优先级
 *  ES6接触了什么特性？
 *  讲一讲中序遍历怎么实现
 *  事件的冒泡和捕获
 *  线程和进程的区别？
 *  css水平垂直居中？
 *  怎么用栈去实现队列？
 *  微任务和宏任务？
 *  面向对象和面向过程？
 *  Vue数据响应式如何实现的？
 *  flex布局中的属性？
 *  二分查找
 *  JS的数据类型？
 *  拿到变量如何判断数据类型？
 *  原型链了解吗？
 *  实现继承的方式？
 *  TCP三次握手了解吗？改成两次握手可以吗？
 *  有哪些http状态响应码？
 *  进程通信方式？
 *  有哪些排序算法？
 *  冒泡排序的时间复杂度？

#### 腾讯 （实习） ####

*  谈项目
 *  数组能调用的方法
 *  闭包，缺点
 *  ES5实现 let，闭包实现 let
 *  根据中序和后序构造二叉树
 *  判断有效括号
 *  说说 vue 响应式原理
 *  http 有啥缺点吗
 *  浏览器输入url到看到页面发生了什么事
 *  MVC MVVM模式
 *  css布局
 *  JS动态加载脚本
 *  讲一下cookie？
 *  ES6的新特性
 *  箭头函数和普通函数的区别?
 *  谈谈闭包
 *  es6的数组去重方法
 *  怎么判断数据类型？各有什么区别
 *  深拷贝
 *  两列布局的实现方式
 *  防抖和节流区别
 *  继承的方式有哪些？优缺?

#### 【269页】前端大厂面试题宝典 ####

##### HTML #####

*  html 语义化
 *  canvas 相关
 *  svg和canvas的区别？
 *  html5有哪些新特性？
 *  如何处理HTML5新标签的浏览器兼容问题？
 *  说说 title 和 alt 属性
 *  HTML全局属性(global attribute)有哪些

![467d2e366ca0f9ce583421d8cea8ac4d.png][]

##### CSS #####

*  让一个元素水平垂直居中，到底有多少种方案？
 *  浮动布局的优点？有什么缺点？清除浮动有哪些方式？
 *  使用display:inline-block会产生什么问题？解决方法？
 *  布局题：div垂直居中，左右10px，高度始终为宽度一半
 *  盒模型
 *  CSS如何进行品字布局？
 *  CSS如何进行圣杯布局
 *  CSS如何实现双飞翼布局？
 *  什么是BFC？
 *  触发条件
 *  BFC渲染规则
 *  应用场景
 *  **…**

![06368e6bf8e13d89750bc66f00b0a206.png][]

##### JavaScript #####

*  JS原始数据类型有哪些？引用数据类型有哪些？
 *  null是对象吗？为什么？
 *  ‘1’.toString()为什么可以调用？
 *  0.1+0.2为什么不等于0.3？
 *  什么是BigInt? 为什么需要BigInt?
 *  如何创建并使用BigInt？
 *  typeof 是否能正确判断类型？
 *  instanceof能否判断基本数据类型？
 *  能不能手动实现一下instanceof的功能？
 *  Object.is和===的区别？
 *  \[\] == !\[\]结果是什么？为什么？
 *  JS中类型转换有哪几种？
 *  == 和 ===有什么区别？
 *  对象转原始类型是根据什么流程运行的？
 *  如何让if(a == 1 && a == 2)条件成立？
 *  什么是闭包？
 *  闭包产生的原因?
 *  闭包有哪些表现形式?
 *  如何解决下面的循环输出问题？
 *  原型对象和构造函数有何关系？
 *  能不能描述一下原型链？
 *  JS如何实现继承？
 *  函数的arguments为什么不是数组？如何转化成数组？
 *  forEach中return有效果吗？如何中断forEach循环？
 *  JS判断数组中是否包含某个值
 *  JS中flat—数组扁平化
 *  数组中的高阶函数
 *  能不能实现数组map方法 ?
 *  能不能实现数组reduce方法 ?
 *  能不能写一个完整的深拷贝？
 *  数据是如何存储的？
 *  V8 引擎如何进行垃圾内存的回收？
 *  描述一下 V8 执行一段JS代码的过程？
 *  宏任务(MacroTask)引入
 *  nodejs 和 浏览器关于eventLoop的主要区别
 *  nodejs中的异步、非阻塞I/O是如何实现的？
 *  JS异步编程有哪些方案？为什么会出现这些方案？
 *  能不能简单实现一下 node 中回调函数的机制？
 *  Promise 凭借什么消灭了回调地狱？
 *  Promise 如何实现链式调用？
 *  现Promise的 all 和 race
 *  解释一下async/await的运行机制
 *  **…**

![2ed92546446ca57ee1a9e70844c01555.png][]

##### HTTP #####

*  HTTP 报文结构是怎样的？
 *  HTTP有哪些请求方法？
 *  GET 和 POST 有什么区别？
 *  如何理解 URI？
 *  如何理解 HTTP 状态码？
 *  简要概括一下 HTTP 的特点？HTTP 有哪些缺点？
 *  对 Accept 系列字段了解多少？
 *  对于定长和不定长的数据，HTTP 是怎么传输的？
 *  HTTP 如何处理大文件的传输？
 *  HTTP 中如何处理表单数据的提交？
 *  HTTP1.1 如何解决 HTTP 的队头阻塞问题？
 *  对 Cookie 了解多少？
 *  如何理解 HTTP 代理？
 *  如何理解 HTTP 缓存及缓存代理？
 *  为什么产生代理缓存？
 *  源服务器的缓存控制
 *  客户端的缓存控制
 *  什么是跨域？浏览器如何拦截响应？如何解决？
 *  **…**

![6e7f750387e013fa48d05b8b2fa8163b.png][]

##### TCP协议 #####

*  能不能说一说 TCP 和 UDP 的区别？
 *  说说 TCP 三次握手的过程？
 *  为什么是三次而不是两次、四次？
 *  三次握手过程中可以携带数据么？
 *  说说 TCP 四次挥手的过程
 *  为什么是四次挥手而不是三次？
 *  介绍一下 TCP 报文头部的字段
 *  说说 TCP 快速打开的原理(TFO)
 *  说说TCP报文中时间戳的作用？
 *  TCP 的超时重传时间是如何计算的？
 *  说一说 TCP 的流量控制
 *  说说 TCP 的拥塞控制？
 *  **…**

![4a4fb70d1f158b2f40af58e62ce3affc.png][]

##### 浏览器 #####

*  说一说浏览器缓存?
 *  说一说浏览器的本地存储？各自优劣如何？
 *  说一说从输入URL到页面呈现发生了什么？（网络）
 *  谈谈你对重绘和回流的理解
 *  能不能说一说XSS攻击？
 *  HTTPS为什么让数据传输更安全？
 *  能不能实现事件的防抖和节流？
 *  能不能实现图片懒加载？

![【][ff666403b16e45dab323cadcb94ebcd0.png]

##### Vue #####

*  什么是MVVM？
 *  mvvm和mvc区别？它和其它框架（jquery）的区别是什么？哪些场景适合？
 *  组件之间的传值？
 *  Vue 双向绑定原理
 *  描述下 vue 从初始化页面–修改数据–刷新页面 UI 的过程？
 *  虚拟 DOM 实现原理
 *  Vue 中 key 值的作用？
 *  Vue 的生命周期
 *  Vue 组件间通信有哪些方式?
 *  vue 中怎么重置 data?
 *  组件中写 name 选项有什么作用？
 *  vue-router 有哪些钩子函数?
 *  route 和 router 的区别是什么？
 *  说一下 Vue 和 React 的认识，做一个简单的对比
 *  Vue 的 nextTick 的原理是什么？
 *  Vuex 有哪几种属性?
 *  **…**

![8571915e277499c687726b803bfcaffd.png][]

##### 数据结构与算法 #####

>  *  链表
>  *  栈和队列
>  *  二叉树

**链表**

*  简单的反转链表
 *  区间反转
 *  两个一组翻转链表
 *  K个一组翻转链表
 *  如何检测链表形成环？
 *  如何找到环的起点
 *  合并两个有序链表
 *  合并 K 个有序链表
 *  判断回文链表

**栈和队列**

*  有效括号
 *  多维数组 flatten
 *  普通的层次遍历
 *  二叉树的锯齿形层次遍历
 *  二叉树的右视图
 *  完全平方数
 *  单词接龙
 *  优先队列
 *  关于堆的说明
 *  实现一个最大堆
 *  实现优先队列
 *  前 K 个高频元素
 *  合并 K 个排序链表
 *  什么是双端队列？
 *  滑动窗口最大值
 *  栈实现队列
 *  队列实现栈

**二叉树**

*  前序遍历 / 中序遍历 / 后序遍历
 *  最大深度 / 最小深度
 *  对称二叉树
 *  二叉树的最近公共祖先
 *  二叉树的直径
 *  二叉树的所有路径
 *  二叉树的最大路径和  
    **…**

![96f781e4cbb5f48a85ba944f9f1ca027.png][]

> 篇幅有限，需要面试题可以[【点击这里】][Link 1]免费获取\*\*【269页】前端大厂面试题宝典，【90页】2021前端字节跳动真题解析\*\* PDF完整版（包括题目与解析）。

**【90页】2021前端字节跳动真题解析：**  
![【90页】2021前端字节跳动真题解析][90_2021]

[467d2e366ca0f9ce583421d8cea8ac4d.png]: /images/20221022/86bbe34b1f744937b12ff9c0b6f98836.png
[06368e6bf8e13d89750bc66f00b0a206.png]: /images/20221022/29f521b16f2d4ab5bc29bb0764087a2f.png
[2ed92546446ca57ee1a9e70844c01555.png]: /images/20221022/1cfca80bb22d4c5595e16ac1447ea535.png
[6e7f750387e013fa48d05b8b2fa8163b.png]: /images/20221022/27d7bf945b564b0e851bb775f4c3c3fa.png
[4a4fb70d1f158b2f40af58e62ce3affc.png]: /images/20221022/c3af336e5c7a4d0abc89feabe8107371.png
[ff666403b16e45dab323cadcb94ebcd0.png]: /images/20221022/7a4b5ffd088d43e786595111e56361b0.png
[8571915e277499c687726b803bfcaffd.png]: /images/20221022/d4bcfd2387e843dbb80c625af5647397.png
[96f781e4cbb5f48a85ba944f9f1ca027.png]: /images/20221022/990a1010f51346f58ab7f18c734f1c3a.png
[Link 1]: https://jq.qq.com/?_wv=1027&k=7y0hobZQ
[90_2021]: /images/20221022/15f15cb5eb524bae8014e31ed884157e.png