美团前端一面

项目 八股 项目介绍亮点+深挖 八股rounter如何实现location.href和location.replace差异DOMContentLoaded和window.onload先后顺序 无手撕 共40min

自我介绍介绍一下你的项目和技术亮点。项目细节与技术选型：低代码项目是做什么的？它能实现什么功能？详细讲讲做的长列表性能优化？遇到了什么性能瓶颈，又是如何解决和评估的？在项目中用到的虚拟列表和分片渲染有什么区别和联系？为什么要做这样的技术选型？除了长列表优化，在项目或实习中还有没有其他可以体现技术选型思考的例子？常用的ES6新特性有哪些？优化一段解构赋值特性的代码？用过可选链操作符（?.）吗？它有什么作用？（追问??）setTimeout：setTimeout设置的延迟是精确的吗？为什么？同源策略与跨域：你了解浏览器的同源策略吗？如何解决跨域问题？可以详细讲一下CORS的原理吗？复杂请求（如POST）和简单请求有什么区别？浏览器缓存：讲一下浏览器的缓存机制（强缓存和协商缓存），它们分别依赖哪些字段？HTTP状态码：说一下你了解的HTTP状态码。页面加载：当有多张图片时，浏览器是如何加载它们的？（并行还是串行）网络分层：你了解网络分层模型吗？每一层都有哪些常见的协议？HTTP报文：你了解HTTP的报文结构吗？有用工具抓过包吗？TCP/UDP：TCP和UDP有什么区别？它们各自的应用场景是什么？浏览器渲染流程：从输入URL到页面完整显示，整个过程是怎样的？重排与重绘：什么是重排和重绘？哪些操作会触发它们？React框架组件通信：React组件之间有哪些通信方式？React Hooks：谈谈你对React Hooks的理解，它有什么使用规则或注意事项？性能优化：你了解哪些React的性能优化方法？Diff算法：讲一下React的Diff算法原理。算法与代码算法题：实现一个函数，删除字符串中所有相邻的、重复出现次数大于等于2次的字符。（例如 'abbbaca' -> 'aaca' -> 'ca'）反问PS：有点遗憾，问的基本上都答出来了，感觉面试官也很满意，但是算法题有bug最后没de出来算法题有点生疏了，尤其是这种考察数组处理而不是算法的代码题目，本应该是秒的不过感觉八股、项目不断面试还是可以维持住的要开始第二轮强化了，秋招我的努力是一阵一阵的

项目 八股 手写 八股除加载时间外，还有哪些核心指标可用于评估页面性能如何评估卡顿问题用 JavaScript 计算 FPS核心原理是什么vw  单位含义是什么？与  px 、 %  有何区别元素水平垂直居中还有哪些实现方案问了一个问答 分析同步异步执行顺序 手写1画一个圆，直径固定页面宽度1/10 永远在页面正中间2实现输入框关键词联想功能（含联想、回填、空白处关闭列表）vue/react现场实现一个组件，通过 Axios 调用  auto_completion  接口输入联想组件有哪些可进一步优化的点前端核心的学习方式是怎样的

半个小时的简单面试，面试官整体人挺好的，温柔，就是没开摄像头，不过问题不大。1-自我介绍2-项目3-介绍three的相机、场景分别是什么？4-图片懒加载5-v-for的key6-组件传值7-我有两个input组件，修改第一个值，第二个值也变，用什么？v-model。8-那十个组件呢？也是v-model，笑死。9-vue2和vue3在组件传值的区别是什么？10-给你一个表单，怎么实现删除？场景题11-vue中哪个生命周期可以发起请求呢？为什么？反问：1-业务：实习生就是简单的后台管理，打杂2-面评：简历很不错，就是回答的不是很好