2021面经

美团

1、介绍自己
2、介绍项目业务，你在里边做了什么，有什么亮点\（讲到虚拟滚动优化加载数据，图片拖动排序）
   2.1、虚拟滚动为什么不用鼠标滚动在获取数据呢,答：为了前端查询可以不发请求
   2.2、图片拖动除了用框架，h5的拖动功能 还可以怎么实现了（聊到监听鼠标事件）
3、你谈到的商品sku是什么东西
4、上传文件的实现（input form submit；formdata；flash）
5、react class componnet和function的区别 receiveprops判断什么渲染界面 在function中如何实现这种判断（答：useMemo和useCallback；难道该用useEffect？？）

6、http协议 报文格式（谈到各个字段深入询问，要把各个报名协议名字记清楚）
7、浏览器如何解析header里面的contentType：json, html, formdata这几种类型的
8、cros跨域原理 简单请求和复杂请求 复杂请求原理
9、怎么解决跨域（除了常见的还可以使用nodejs中间层）nginx反向代理 正向代理
10、cookie弊端(他说，如果数据量很大就会都携带过去，前端安全方面的问题)
11、浏览器缓存（强缓存，协商缓存）
   11.1、强缓存会重新发请求吗？协商缓存的成对字段(没记熟，被问到）
12、性能优化的指标（首屏加载，dns解析）
13、浏览器渲染界面的过程（面试官讲解的很详细，TAT）：
他说：拉一个html dom有结构 遇到link标签 在遇到script标签 async defer；解析样式的层级 布局 有js运行 运行js 可能会阻塞界面渲染 造成界面的重回与回流
我终于写了美团的面经，只不过是一面凉经，啊啊啊啊 哭了。

美团二战

1. localstorage 存在哪里的
2. https 对称加密和非对称加密（这都能忘？？？）
3. charles能抓https吗
4. 大Kb小kb （K = 1024, k = 1000）
5. 传过来的字节数是多少 接口
6. react 生命周期和各个钩子函数
7. 事件委托原理 （使用事件冒泡机制，阻止冒泡使用e. stopPropagation()）
   js事件委托，其实是使用了冒泡的原理，从点击的元素开始，递归方式的向父元素传播事件，这样做的好处是对于大量要处理的元素，不必为每个元素都绑定事件，只需要在他们的父元素上绑定一次即可，提高性能。 还有一个好处就是可以处理动态插入dom中的元素，直接绑定的方式是不行的
8. 闭包，为什么存在内存泄漏
9. 原型，为什么存在原型链，解决什么问题
10. 大量数据获取优化
11. 一句话说明var 和let区别
12. react新特性

滴滴

1. 将数组转成数
   // const source= [{id: 1, pid: null},{id: 11, pid: 1},{id: 33, pid: 11}]

// my
function convertTree(data) {
   
		let res = [];
		for (let i = 0; i < data.length; i++) {
   
			if (!data[i].pid) {
   
				res.push({
    ...data[i] });
			} else {
   
				res = getChild(res, data[i]);
			}
		}
		return res;
	}

	function getChild(arr, item) {
   
		for (let i = 0; i < arr.length; i++) {
   
			if (arr[i].id === item.pid) {
   
				if (!arr[i].children) {
   
					arr