本年度第一个求职和招聘高峰已经过去，有人顺利完成跳槽，涨薪开始迈向巅峰，有人还在前端基础苦苦挣扎，暗无天日的感觉。这一份前端面试题，有人靠着他直接从小白薪资直接涨到30K，简直是求职神器。这里全部奉上，包含html,css，js等前端基础，也包含网络协议（http）、浏览器和终端等计算机基础以及火热的vue框架，还包括一些高阶的数据结构和算法等，以字节跳动等大厂前端面试真题为主，几乎从广度和深度囊括了前端开发所涉及到的主要领域。
神器在手，也得自己熟练使用才能仗剑杀敌，建功立业，希望大家好好利用这份整理的核心前端面试题，对照自己，查漏补缺，往外延展，把自己打造的更值钱。
开始：
HTML
- HTML5 有哪些新特性？
- Doctype作⽤? 严格模式与混杂模式如何区分？它们有何意义?
- 如何实现浏览器内多个标签页之间的通信？
- ⾏内元素有哪些？块级元素有哪些？空(void)元素有哪些？⾏内元 素和块级元素有什么区别？
- 简述⼀下src与href的区别？
- cookies,sessionStorage,localStorage 的区别？
- HTML5 的离线储存的使用和原理？
- 怎样处理 移动端 1px 被 渲染成 2px 问题？
- 浏览器是如何渲染页面的？
- iframe 的优缺点？
- Canvas 和 SVG 图形的区别是什么？
- 谈一谈meta 标签？
CSS 基础
- 请你讲一讲 CSS 的权重和优先级
- 介绍 Flex 布局，flex 是什么属性的缩写：
- CSS 怎么画一个大小为父元素宽度一半的正方形？
- CSS实现自适应正方形、等宽高比矩形
- 实现两栏布局的方式
- 实现三列布局的方式
- CSS 动画有哪些？
- 用css2和css3分别写一下垂直居中和水平居中
- visibility 和 display 的差别（还有opacity)
- opacity 可以有过渡效果嘛？
- BFC 与 IFC 区别
- BFC会与float元素相互覆盖吗？为什么？举例说明
- 了解box-sizing吗？
- 什么是 BFC
- 了解盒模型吗？
- 说一下你知道的position属性，都有啥特点？
- 两个div上下排列，都设margin，有什么现象？
- 清除浮动有哪些方法？
JavaScript 基础
- 问：0.1 + 0.2 === 0.3 嘛？为什么？
- JS 有哪些我数据类型？
- JS 整数是怎么表示的？
- Number() 的存储空间是多大？如果后台发送了一个超过最大自己的数字怎么办
- 写代码：实现函数能够深度克隆基本类型
- 事件流
- 事件是如何实现的？
- new 一个函数发生了什么
- new 一个构造函数，如果函数返回
return {}、return null，return 1，return true会发生什么情况？ - symbol有什么用处
- 闭包是什么？
- 闭包产生的本质
- 一般如何产生闭包
- 闭包的应用场景
- 什么是作用域？
- 什么是作用域链？
- NaN 是什么，用 typeof 会输出什么？
- JS 隐式转换，显示转换
- 了解 this 嘛，bind，call，apply 具体指什么
- 手写 bind、apply、call
- setTimeout(fn, 0)多久才执行，Event Loop
- 手写题：Promise 原理
- js脚本加载问题，async、defer问题
- 如何判断一个对象是不是空对象？
- <script src=’xxx’ ’xxx’/>外部js文件先加载还是onload先执行，为什么？
- 怎么加事件监听
- 事件传播机制（事件流）
- 说一下原型链和原型链的继承吧
- 说下对 JS 的了解吧
- 数组能够调用的函数有哪些？
- 如何判断数组类型
- 函数中的arguments是数组吗？类数组转数组的方法了解一下？
- 用过 TypeScript 吗？它的作用是什么？
- PWA使用过吗？serviceWorker的使用原理是啥？
- ES6 之前使用 prototype 实现继承
- 如果一个构造函数，bind了一个对象，用这个构造函数创建出的实例会继承这个对象的属性吗？为什么？
- 箭头函数和普通函数有啥区别？箭头函数能当构造函数吗？
- 知道 ES6 的 Class 嘛？Static 关键字有了解嘛
- 事件循环机制 （Event Loop）
- 手写题：数组扁平化
- 手写题：实现柯里化
- 手写题：数组去重
- let 闭包
- 变量提升
- instance 如何使用
Vue框架
- active-class是哪个组件的属性？嵌套路由怎么定义？
- 怎么定义vue-router的动态路由？怎么获取传过来的动态参数？
- vue-router有哪几种导航钩子？
- scss是什么？在vue.cli中的安装使用步骤是？有哪几大特性？
- mint-ui是什么？怎么使用？说出至少三个组件使用方法？
- v-model是什么？怎么使用？vue中标签怎么绑定事件？
- axios是什么？怎么使用？描述使用它实现登录功能的流程？
- axios+tp5进阶中，调用axios.post(‘api/user’)是进行的什么操作？axios.put(‘api/user/8′)呢？
- 什么是RESTful API？怎么使用?
- vuex是什么？怎么使用？哪种功能场景使用它？
- mvvm框架是什么？它和其它框架（jquery）的区别是什么？哪些场景适合？
- 自定义指令（v-check、v-focus）的方法有哪些？它有哪些钩子函数？还有哪些钩子函数参数？
- 说出至少4种vue当中的指令和它的用法？
- vue-router是什么？它有哪些组件？
- 导航钩子有哪些？它们有哪些参数？
- Vue的双向数据绑定原理是什么？
- 请详细说下你对vue生命周期的理解？
- 请说下封装 vue 组件的过程？
- 你是怎么认识vuex的？
- vue-loader是什么？使用它的用途有哪些？
- 请说出vue.cli项目中src目录每个文件夹和文件的用法？
- vue.cli中怎样使用自定义的组件？有遇到过哪些问题吗？
- 聊聊你对Vue.js的template编译的理解？
- Vuex是什么？为什么使用Vuex？
- vuejs与angularjs的区别？
- vue为什么不直接操作dom？
- 你怎么理解vue是一个渐进式的框架？
- Vue声明组件的state是用data方法，那为什么data是通过一个function来返回一个对象，而不是直接写一个对象呢？
- 说下vue组件之间的通信？
- vue中mixin与extend区别？
计算机网络基础
- HTTP 缓存
- HTTP 常用的状态码及使用场景？
- 你知道 302 状态码是什么嘛？你平时浏览网页的过程中遇到过哪些 302 的场景？
- HTTP 常用的请求方式，区别和用途？
- 你对计算机网络的认识怎么样
- HTTPS 是什么？具体流程
- 三次握手和四次挥手
- 在交互过程中如果数据传送完了，还不想断开连接怎么办，怎么维持？
- 你对 TCP 滑动窗口有了解嘛？
- WebSocket与Ajax的区别
- 了解 WebSocket 嘛？
- HTTP 如何实现长连接？在什么时候会超时？
- Fetch API与传统Request的区别
- POST一般可以发送什么类型的文件，数据处理的问题
- TCP 如何保证有效传输及拥塞控制原理。
- http知道嘛？哪一层的协议？（应用层）
- OSI七层模型和TCP/IP四层模型
- TCP 协议怎么保证可靠的，UDP 为什么不可靠？
- HTTP 2 改进
- DDOS 攻击
算法
链表
- 前序遍历判断回文链表
- 反转链表
- 合并K个升序链表
- K 个一组翻转链表
- 环形链表
- 排序链表
- 相交链表
字符串
- 【面试真题】最长回文子串【双指针】
- 最长公共前缀【双指针】
- 无重复字符的最长子串【双指针】
- 【面试真题】最小覆盖子串【滑动窗口】
数组问题
- 【面试真题】俄罗斯套娃信封问题【排序+最长上升子序列】
- 最长连续递增序列【快慢指针】
- 最长连续序列 【哈希表】
- 【面试真题】盛最多水的容器【哈希表】
- 寻找两个正序数组的中位数【双指针】
- 删除有序数组中的重复项【快慢指针】
- 和为K的子数组【哈希表】
- nSum问题【哈希表】
- 【面试真题】接雨水【暴力+备忘录优化】
- 跳跃游戏【贪心算法】
二叉树
- 二叉树的最近公共祖先
- 二叉搜索树中的搜索
- 删除二叉搜索树中的节点
- 完全二叉树的节点个数
- 二叉树的锯齿形层序遍历
排序算法
- 用最少数量的箭引爆气球
- 合并区间【排序算法+区间问题】
二分查找
- 判断子序列【二分查找】
- 在排序数组中查找元素的第一个和最后一个位置【二分搜索】
动态规划
- 最长递增子序列
- 【面试真题】 零钱兑换
- 【面试真题】 最长公共子序列
- 编辑距离
- 【面试真题】最长回文子序列
- 【面试真题】最大子序和
- 【面试真题】 买卖股票的最佳时机
BFS
- 打开转盘锁
- 二叉树的最小深度
栈
- 最小栈【栈】
- 下一个更大元素
- 【面试真题】有效的括号
- 简化路径
DFS
- 岛屿的最大面积
- 相同的树
回溯算法
- N皇后
- 全排列
- 括号生成
- 复原 IP 地址
- 子集
以上是这份秘籍的核心知识点和脉络，主要是字节跳动2020年和2021年的前端面试真题，也代表了当前互联网公司在面试时候的主要知识点。
