前言

文章分享收集整理的百度，阿里，腾讯前端（实习）面试题。还有《【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)有哪些

CSS

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

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的运行机制
• …

HTTP

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

TCP协议

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

浏览器

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

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 有哪几种属性?
• …

数据结构与算法

• 链表
• 栈和队列
• 二叉树

链表

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

栈和队列

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

二叉树

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

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

【90页】2021前端字节跳动真题解析：