前端面试高频考点，学习前端开发只要这些东西

• es6——promise

• es6——set、map

• es6——class | es6——class的继承

• 执行上下文 | 作用域

---

CSS

• CSS3菜鸟教程

• HTML5

• ES6阮一峰

• 水平居中、垂直居中、水平垂直居中

• 常见的布局方式

• 两列等高

• rem px em区别，计算rem

• flex布局

• BFC

• 自适应和响应式的区别

• 圣杯和双飞翼

• CSS解析过程

• transform

• 绝对定位、相对定位

• 重排与重绘

• bootstrap栅格系统实现原理？

• 用css实现一个三角形

• 清除浮动

• CSS3

---

react相关

• 生命周期函数

• setState原理

• 项目使用react-redux时，用户触发action改变state，改变UI

• Diff算法 | 转载

• react-router 的API及原理

• redux 的API及原理 | 转载

• react-redux 之provider | react-redux之connect

• HOOK（新版本V16.8出现）

• react新版本新API

• react的key值作用

• react组件之间传值

• react受控组件、非受控组件以及高阶组件

• 虚拟dom是什么？为什么要引入？一定会比操作真实dom快嘛？

• vue和react的区别

---

数据结构与算法

• 大顶堆和小顶堆和堆排

• 链表反转

• 二叉树遍历

• 使用两个栈实现一个队列

• 排序算法及优化

• 判断是否有环 | 转载

---

Node相关

• 事件循环

• router

• express

• 为什么要用Node做中间层呢？

---

Http相关

• https建立的过程

• meta属性有哪些？

• get和post区别

• 从输入URL到页面展示发生了什么

• http和https的区别和联系

• sessionStorge、localStorge和cookie区别

• TCP“三次握手，四次挥手”

• 状态码详解

• http/1.0 http/1.1 http/2.0

• cookie

---

其他

• babel原理

• 模块化开发

• EventLoop

• 性能优化 | (雅虎35条军规)

• 安全性问题，网站攻击方式 跨站脚本攻击XSS以及跨站请求伪造CRSF

• webpack优化和原理

• nginx原理

最后

为了帮助大家更好的了解前端，特别整理了《前端工程师面试手册》电子稿文件。

开源分享：docs.qq.com/doc/DSmRnRG…