滴滴秋招两轮车前端一二三面面经

滴滴一面（45min）
1. flex=1是哪些属性的简写
2. 假如父盒子是 100，两个子盒子分别设置 flex 等于 0.1，flex 0.2，它的宽度怎么分配呢
3. CSS 如何画三角形
4. 移动端的适配，有各种宽高不同的手机嘛，想要前端的页面写一套在各个手机型号上都能有良好的
运行的程序，有什么设计方案吗
5. rem怎么计算的，小程序的屏幕适配用什么属性
6. 了解开发这个屏幕比例适配用什么第三方库吗
7. 代码在各个浏览器上，因为 API 的兼容性可能不同，有没有了解过前端的一些兼容的方案？
8. Babel Polyfill 解决了什么问题（Promise 、 fetch 、 Array.includes）
9. js作用域链的查找规则
10. 代码阅读题，函数全局变量和局部变量输出
11. 手撕1：手写 promise 串行不用 await
12. 手撕2：给前序遍历和中序遍历的二叉树数组，构造二叉树并返回根节点
13. 手撕3：最长不重复子串
14. 前端的部署流程
15. 前端打包的产物是啥
16. 前端缓存方式（强缓存，协商缓存），CDN的原理，调度方式， js、css 文件是否可以放入CDN
17. 单页面应用的路由实现原理是啥？它和普通多页面应用的路由有啥区别？
18. 路由的两种模式（history和hash）的区别
19. webpack主要是干啥的？解决什么问题的？
20. 为啥要打包？ webpack 打包的产物，为什么 js 有增加一些哈希值啥之类的，了解吗？
21. 为什么index.html它没有一个什么哈希标识呢？
22. Vue中的diff 算法的头头比和头尾比的区别
23. Vue2和Vue3对于数组和对象的响应式区别
24. Vue2 技术上能劫持数组索引，但为什么不做？（性能成本极高，，初始化时要遍历 每一个索引 加
getter/setter ，会导致内存爆炸）
滴滴二面(50min)
实习相关（白屏检测怎么处理JS报错的问题）
1. TCP 和 UDP的区别
2. WebSocket 是什么，它是基于 TCP 还是基于 UDP 
3. 介绍React 中虚拟 DOM
4. 手撕：士兵身高从低到高的冒泡排序
滴滴三面(30min)
实习+项目