度小满 前端 一面

滴滴一面（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 串行不用 await12. 手撕2：给前序遍历和中序遍历的二叉树数组，构造二叉树并返回根节点13. 手撕3：最长不重复子串14. 前端的部署流程15. 前端打包的产物是啥16. 前端缓存方式（强缓存，协商缓存），CDN的原理，调度方式， js、css 文件是否可以放入CDN17. 单页面应用的路由实现原理是啥？它和普通多页面应用的路由有啥区别？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 还是基于 UDP3. 介绍React 中虚拟 DOM4. 手撕：士兵身高从低到高的冒泡排序滴滴三面(30min)实习+项目

在前端面试中，Webpack 一直是高频考点之一。而在所有模块化相关的问题中，“import 导入时 Webpack 在干什么” 这类问题经常被问到。乍看只是一个语法糖，但背后其实包含了 模块解析、依赖图构建、代码转换、打包优化 等一整套复杂流程。本文小圆将带你从源码构建视角，彻底弄清楚 import 背后 Webpack 的工作原理～～～一、整体流程概览当你在代码中写下这一行时： import { foo } from './b.js'; Webpack 的处理流程大致如下：解析阶段（Parsing）：扫描代码，提取所有 import 语句；模块定位（Resolving）：根据路径或模块名找...

百度前端一面面经面了一坨websocket和sse的区别单工和双工通信长轮询的弊端重排的优化（犯傻了，理解成数据重排的优化）什么情况下触发重排懒加载优化和原理懒加载的应用懒加载的配置http通信实时手撕 axios 请求，校验当前 token 是否过期。过期，会返回 403 错误。重新请求新的 token，每次请求中都带上新的 token。（好像是这样的？） 太多了撕到一半没撕完太紧张了理解错好多面试官的意思

自我介绍sessionstorge 和localstorge的区别是什么为什么用sessionstorge 不用localstorge了解cookies是什么吗居中布局，绝对定位let const var的区别，变量提升是什么promise有哪些方法apply、bind、call的区别双等号和三等的区别事件循环typeof和instanceof的区别响应拦截器和请求拦截器中都封装了什么防抖和截流的区别反问面的咋样主要的业务整体面试20分钟左右，感觉还是很舒服的，问题比较基础，面试官很和蔼