腾讯云智一面

1.项目介绍。2.JavaScript 中的原型和原型链是什么?3.请详细说明 JavaScript 中事件循环的执行机制，宏任务和微任务分别包含哪些?4.React中useState 和 useReducer 的核心区别是什么?5.Vue 的双向数据绑定原理是什么?6.HTTP 和 HTTPS 的核心区别是什么?7.浏览器的缓存机制中，强缓存和协商缓存的区别是什么?分别通过哪些 HTTP 头字段控制?8.什么是跨域?浏览器的同源策略是什么?9.TypeScript 中的泛型是什么?10.前端性能优化的核心指标有哪些(如 LCP、FID等)?11.Webpack 的构建流程是怎样的?Loader 和Plugin 的核心区别是什么?请举例说明常用的Loader和Plugin及其作用，如何优化Webpack 构建速度?

1.自我介绍2.专业主要学什么（信计专业）3.为什么要学前端4.数学建模竞赛主要是承担什么角色，比起一等奖差在哪里（这个是因为获奖经历写了）5.在浏览器中输入地址回车后会发生什么（这里的话还延伸了渲染的具体过程）6.页面渲染过程中，遇到script标签会发生什么7.有什么方法可以避免script阻塞渲染（这里只回答了把他放到body底部，面试官其实想问的是异步编程）8.脚本加载失败，怎么能让他正常渲染出来（没答）9.讲讲less/sass进行数据预处理，对比原生css的优点，为什么要用它，不直接用原生css，有什么特性，带来了哪些好处（答了可以把伪类放在一起，开发方便）（这里面试官提到了postcss后处理）10.js有哪些异步编程的方法，语法糖对比promise的优势11.await到底在等什么，后面跟的是什么东西（语法糖➕函数是promise对象）12.ts对比js有什么优势，核心优势（面试官说类型检查，开发的时候会报错及时发现，还有代码提示）13.vue的响应式原理（这里听成了响应式布局的原理，后面面试官指出来之后找补了点内容，发布＋订阅者模式，get依赖收集，set发布）14.项目中的图片懒加载怎么实现（答了observation api，面试官让回答原生代码，也就是滚动事件监听）反问环节：1.部门的产品（用户体验平台），规模（）20多个人，技术栈（vue和react都有）2.根据面试表现，后续有什么改进的方向（基础知识还要加强，也多拓展相关知识点和关联性）

全程约1小时20分钟1. 自我介绍2. 八股- 虚拟dom、diff算法的流程- 介绍一下fiber，拆分节点之后的分类，缓存是怎么做的，通过什么核心方法来实现任务调度？哪些会被判断为优先级高，哪些优先级低？- useEffect, useLayout的区别。useEffect是同步还是异步？- BFC，哪些特性可以开启BFC- grid布局和flex布局的区别- 闭包- this指向是由什么决定的- HTTP2、HTTP3的特性- 对接层的序列化，反序列化3. 项目4. 代码- 判断代码输出- 手写 JSON.stringify()5. 其他- 为什么选择前端？前端的学习曲线？如何评估你的学习能力？- 对AI有什么看法，平时有在工作中落地的场景吗？之前很久的面试，面完第二天就挂了。首先自己对项目的理解不够深入，其次感觉和面试官气场对不太上。后续放弃了另一个部门的约面，感觉快手面试得太累了...

滴滴一面（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)实习+项目