17张思维导图,2021年作为一名前端开发者需要掌握这些,前端面试复习资料参考大纲

程洋
本文首发于17张思维导图,2021年作为一名前端开发者需要掌握这些,前端面试复习资料参考大纲,转载请联系作者

前言

2020年最后一个月了,熬夜多天整理出17张思维导图,对前端面试复习知识点进行了最全的总结,分享给大家。每个知识点都尽量找到最好的文章来解释,通过思维导图的形式进行展示。

给大家准备了高清的思维导图和食用更加方便的PDF文档,全部聚合思维导图一张,分类思维导图17张,涉及前端开发的方方面面面,JS基础,工程化,性能优化,安全,框架等。如果您是准备面试,或者享扩展前端知识,都可以通过这个目录进行学习。

image

废话不多说,下面分类展开来说,收藏起来吧

完整思维导图实在太大,可关注公众号「前端复习课」回复“思维导图”获取高清大图,总共18张。

1-Javascript

1-Javascript

内置类型
作用域
执行上下文
闭包
this指向
原型/继承
事件循环
异步编程

2-DOM

2-DOM

事件
dom操作
位置与大小

3-CSS

3-CSS

BFC
1px
position
flex
重绘回流
常见布局
动画实现
盒模型

4-浏览器

4-浏览器

跨域
从输入URL到页面展示,这中间发生了什么?
HTML、CSS和JavaScript,是如何变成页面的?
chrome仅仅打开了1个页面,为什么有4个进程?
localstorage
cookie

5-网络

5-网络

HTTP
TCP
HTTP2
HTTPS
CDN
DNS

6-框架

6-框架

vue
react
vue/react

7-工程化

7-工程化

脚手架
构建工具
项目部署
  • 你们公司项目发布流程是什么样的
  • 前端资源发布路径怎么实现非覆盖式发布(平滑升级)?

  • SSR项目是如何发布的
内部包
开发规范
  • eslint
运维
  • nginx
  • cdn
git
构建优化

8-性能

8-性能

页面是否可以快速加载
是否允许用户快速开始与之交互
滚动和动画是否流畅
图片优化
骨架屏+合理的loading

9-监控

9-监控

异常
性能
埋点
为什么通常在发送数据埋点请求的时候使用的是 1x1 像素的透明 gif 图片
sendbeacon

10-安全

- [2020全网最全前端安全综述](https://mp.weixin.qq.com/s/Qm_YI9pxfWQJpSLwbSFKbw)

10-安全

xss
csrf
网络传输安全
接口加签
接口加密
接口防重放
环境检测
代码加密混淆
无处不在的验证码s
浏览器为什么要阻止跨域请求?如何解决跨域?每次跨域请求都需要到达服务端吗?

11-Node

11-Node

node 事件循环
谈谈 node 的内存泄漏
node 中间层怎样做的请求合并转发
pm2 怎么做进程管理,进程挂掉怎么处理
SSR
GraphQL

12-跨端

12-跨端

Hybrid App
Weex
RN
Flutter

13-微信开发

13-微信开发

公众号
小程序

14-新主题

14-新主题

微前端
serverless
边缘计算
WebAssembly

15-手写

15-手写

Promise
this
原型链
闭包
防抖节流
网络请求
设计模式
深拷贝

16-高频算法

16-高频算法

字符串
数组
链表
二叉树
栈/队列
排序
  • 冒泡排序
  • 选择排序
  • 插入排序
  • 希尔排序
  • 归并排序
  • 快速排序
  • 堆排序
递归
二分法
动态规划
贪心与分治
滑动窗口
位运算

17-项目/技术之外

17-项目/技术之外

项目开发中有遇到什么挑战没?

对哪个项目印象比较深刻深刻,遇到最难的项目是啥?

项目研发流程中作为前端开发一般扮演的啥角色?

现在有的项目中觉得哪些项目可以继续优化,为啥没有优化?

平时写项目总结么,一般总结哪些东西?

工作中能够持续学习么?

学习的动力怎么来的,如何维持?

未来会有什么样的规划?

对于加班你是怎么看的?

说下你学习前端的历程吧?

前端未来展望?

最后希望大家都能找到好的工作
完整思维导图实在太大,可关注公众号「前端复习课」回复“思维导图”获取高清大图,总共18张。
阅读 5.8k
591 声望
14 粉丝
0 条评论
你知道吗?

591 声望
14 粉丝
宣传栏