美团日常 一面

家人们，今天面试面试官拿到了我的两份简历，一份是牛客上没有更新的，一份是我发送过去的结果。我简历上没有更新的是那个Java的，但是我要应聘的是前端工程师。然后面试官把我的两份简历都打印出来了 然后我就想问，我们发的帖子能被面试官看见吗

1.面试官问了 CSS 盒模型，还问标准的和IE的有啥不一样来着?2.React 里那个 useEffect，依赖数组空着、不写、写具体值的时候，效果不-样吧?还问为啥依赖不能漏写。3.JS 闭包是什么?能用到哪些地方?用的时候要注意什么问题?4.前端跨域有哪些解决办法?每种咋回事，适合什么情况?5.Vue3和 Vue2 的响应式原理不一样吧?为什么 Vue3 用Proxy不用Object.defineProperty了?6.浏览器的回流和重绘是啥意思?怎么能少发生点?7.Promise 有三种状态是什么?还有 all、race、allSettled 这几个，区别和用在哪?8.webpack 里 loader和 plugin 不一样吧?举几个常用的，说说干啥的。9.HTML里 meta 标签有啥用?比如 viewport那个，作用是啥，一般咋配置?10.JS 原型链是啥?怎么用原型链实现继承?举个例子。11.React 里 key 是干嘛的?为啥不建议用索引当 key?12.前端性能优化有哪些方法?从网络、渲染、代码方面说说。13.浏览器事件循环是咋回事?宏任务、微任务都有哪些?执行顺序呢?14.Vue 里 v-if和 v-show 有啥区别?分别啥时候用?15.怎么写个深拷贝函数?要考虑哪些特殊情况，比如循环引用、特殊数据类型之类的?

1.实习介绍2.我看你实习经历中写到页内预览这个组件是使用iframe去做的，当时是基于什么决定去这样做的?3.你做pdf预览的时候用到了pdf.js这个插件，你是如何使用的，遇到了什么问题?这个插件可以对pdf内容进行针对某一页的操作吗，性能?4.在进行UI前端自动化Cypress的相关配置时有遇到什么问题?5.知道Cypress能够自动操纵浏览器行为的原理吗?6.你是如何降低Cypress误报的?7.你认为前端自动化测试有什么优劣势?毕竟维护它也比较耗费精力?8.我看你项目中使用了Electron，知道主进程和渲染进程间是如何通信的吗?9.账号记忆化是怎么做的?使用了数据库相关的技术吗?10.websocket和sse，轮询相比有哪些优势?11.自动重连机制和心跳检测是怎么做的?12.websocket连接是使用了相关的库还是你们自己编写了一个小的工具?13.拦截器的主要功能有哪些?14.你们的登录鉴权是基于什么的??cookie是谁下发的?如何防止cookie被直接获取，有哪些安全措施?知不知道Samesite这个属性，它的值有哪些?15.平常vue3用的多还是vue2，了解vue2吗?16.使用vue这种框架，相比直接去使用原生html，他的优势体现在哪些方面?17.diff算法是如何提高性能的?18.diff中的key有什么用?如果不赋key值会出现什么问题?19.为什么虚拟dom能提高效率?产生虚拟dom难道不会产生额外的开销吗?20.简单手撕:反序列化数组:字符串"[1,2,[2,3,4,[34,5]]"变成真正的数组21.常规is事件循环题目

一面 1.开发偏移动端还是电脑端？2.实习项目拷打3.Vue2和Vue3的区别4.服务端渲染SSR 节省的是什么时间？前端所有的JS都是服务端渲染然后返回的吗，那这样前端的首屏加载时间是不是就为0，省去网络请求？5.浏览器从URL解析到渲染的流程，结合实习中做的基建6.为什么解析完IP就可以返回对应的HTML网页，怎么对应上的7.Promise本身是微任务吗8.事件冒泡？如何阻止9.在封装一个组件时需要考虑什么？有没有一套自己的设计原则？10.场景：给一个div设置了z-index为什么没生效11.提升页面加载速度的一些性能优化手段12.Promise链式调用then代码题：1.代码输出（时间循环）2.手撕：树转对象数组二面1.前端方面如何去定位真正的性能瓶颈？要收集哪些数据2.排查问题思路3.跨平台app如何量化用户体验指标4.app冷启动速度优化+运行时内存优化5.react的fiber6.react diff和vue diff有什么区别7.多个用户同时登陆如何判断token是谁的？8.AI结合前端的技术9.项目拷打得很深代码：1.demo：一个带小数的数字，点击button隐藏整数or小数部分，支持切换2.算法：最长回文子串感觉快手对于项目逻辑思路这块很看重，基本是围绕着项目问八股，但流程推进的比较慢，一面结束3天才约二面，二面结束3天才oc....