2021年前端面试题-通信/编程/原理篇

一、原理篇
1、介绍观察者模式
2、介绍中介者模式
3、观察者和订阅-发布的区别，各自用在哪里
4、介绍事件代理以及优缺点
5、tcp3次握手
6、tcp属于哪一层（1 物理层 -> 2 数据链路层 -> 3 网络层(ip)-> 4 传输层(tcp) -> 5 应用层(http)）
7、前端开发中用到哪些设计模式
8、介绍下数字签名的原理
8、Promise.all实现原理

二、算法/编程篇
1、介绍AST（Abstract Syntax Tree）抽象语法树
2、柯里化函数两端的参数具体是什么东西
3、介绍二叉搜索树的特点
4、[1, 2, 3, 4, 5]变成[1, 2, 3, a, b, 5]
5、如何找0-5的随机数，95-99呢
6、手写数组扁平化函数
7、写一个倒计时函数
8、写一个函数，给定一棵树，输出这棵树的深度
9、写一个函数，给定一个url和最大深度maxdeep，输出抓取当前url及其子链接深度范围内的所有图片
10、写一个函数，给定nodes=[]，每一个节点拥有id,name,parentid，输出一个属性列表的展示(涉及dom操作)
11、"123456789876543212345678987654321..."的第n位是什么？

三、测试篇
1、前端怎么做单元测试
2、pm2怎么做进程管理，进程挂掉怎么处理
3、不用pm2怎么做进程管理

四、了解篇
1、对PWA有什么了解
2、RESTful常用的Method
3、base64为什么能提升性能，缺点
4、介绍webp这个图片文件格式
5、介绍DNS解析
6、介绍SSL和TLS
7、介绍异步方案
8、对无状态组件的理解
9、介绍快速排序
10、介绍下DFS深度优先

五、通信篇
1、ajax如何处理跨域
2、Ajax发生跨域要设置什么（前端）
3、跨域jsonp方案需要服务端怎么配合
4、Async里面有多个await请求，可以怎么优化（请求是否有依赖）
5、ajax的步骤
6、CORS如何设置
7、jsonp为什么不支持post方法
8、axios有什么特点？

六、优化及语义
1、前端需要注意哪些SEO
2、如何进行网站性能优化
3、语义化的理解
4、CSS在性能优化方面的实践