美团春招前端凉经（三面技术+hr）

一面 2024.11.13css 将元素隐藏的方式有哪些用 display 隐藏元素和设置透明度为 0 有什么区别如何给元素清除浮动用 css 做自适应布局有哪些方式css 常用的单位有哪些描述一下盒子模型css 优先级js 数组有哪些方法添加删除元素用什么在数组开头添加元素的方法遍历方法有哪些数组转换成字符串有哪些toString 和 join数组去重判断数组的方法type of 是什么结果原型链改变 this 指向的方法let const 区别这两个哪个有变量提升箭头函数和普通函数的区别promise.all 和 promise.race 的区别闭包里面的变量为什么不会被垃圾回收tcp 连接过程网络五层模型两数之和。。。随便写个排序。。。二面 2024.11.18组件间通信useContextuseCallback 和 useEffectuseMemouseEffect 的第二个参数是深对比还是浅对比liveblock 的原理有没有了解，怎么实现共享编辑git merge 和 git rebase 的区别token在哪里生成在哪里存储页面刷新后 sessionStorage 还有吗同一个浏览器的不同标签页，两个 sessionStorage 是共享的吗和 cookie 有什么区别对一个图片进行鉴权，怎么做怎么做到前端不显示图片，而且输入 url 也不显示any 和 unknown 有什么区别什么情况下避免使用 any如果一个页面加载速度很慢，如何排查什么情况下会重排，如何避免Promise 是啥Promise.all 和 Promise.race 是啥，有什么区别手写 Promise.race数组操作有哪些reduce 了解吗css 相对定位和绝对定位有什么区别fixed手写一个 todolist过了不久就oc了

是否做过后端，用过哪些后端语言nodejs、TypeScript、React是否了解前后端区别常见的图片格式及区别svg和canvas区别图片懒加载this指向https如何保证安全性PC端和移动端区别访问量大时的性能优化手撕驼峰命名

1. 怎么性能优化的2. vue响应式如何设置3. css响应式有哪些4. 如果现在要实现图片懒加载，怎么去实现5. 如果图片加载失败怎么办6. 怎么二次封装的THREE.js7. THREE.js有哪些API8. Canvas二维坐标怎样的9. Canvas怎么做的画板10. Canvas怎么实现动画代码题：如何实现一个块级元素中，三个三角形摆一行且等距摆放，小于1024px时变为两个一行等距摆放，进入页面时渐入。反问：怎么问题侧重于CSS（To C业务，这个岗位主要做页面设计，对js的要求没那么高）

公众号/小程序/微信小店团队。面试官人很好，一个小姐姐，干练温柔。面完有点再也不想在简历上写性能优化了（x1、说说实习的项目2、实习的性能优化，代码拆分，减少资源请求是怎么做的3、怎么定义一个元素加载完成/渲染完成4、做性能优化时，怎么去找优化的点，有什么指标5、怎么打点去了解页面的性能6、图片优化策略7、实习中遇到的最大挑战8、技术上遇到过的最大挑战（其实上一个就答了技术，然后面试官可能觉得不是技术，我就又想了一个，然后尽量说了点具体解决的方法，这个到底要怎么答啊家人们，我每次都是说遇到的问题，然后自己尝试，然后去找经验贴，这个到底要怎么说）9、以后遇到相同的问题你能吸取什么经验，或者说如果别人要复用，你会怎么做（想不出来我说写经验文档）10、keep-alive的原理11、diff算法的原理。vue响应式原理12、继续问其他项目，感觉面试官没有什么兴趣了反问：项目要有一两个亮点，其他内容也要很熟悉，讲的时候自己要能讲清楚，能讲透，最好结合场景，能讲到解决问题的一个过程。对框架的原理有了解，但是听我讲感觉理解还是不够。#腾讯##面试##前端##前端面试#