前言
文章分享收集整理的百度，阿里，腾讯前端（实习）面试题。还有《【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前端字节跳动真题解析：
