web前端面试题[项目、功能、原理、测试等]

一、原理篇

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在性能优化方面的实践