上海人工智能实验室笔试

30min 八股+项目 无手撕1.如何实现文件预览2.调用第三方库怎么实现的3.地址栏输入 URL 敲下回车后发生了什么4.浏览器一帧可以完成哪些操作5.浏览器一帧有多久，说了60FPS问转换成时间是多久6.浏览器缓存策略7.ETag是如何计算得到的8.vue是如何进行依赖收集的9.Vue3使用proxy会监听到子孙对象嘛10.学习中遇到过什么困难问题怎么解决的11.遇到过什么困难问题通过另辟蹊径的方法解决的12.二维平面上有2个凸的多边形，怎么判断它们是否重叠反问：1.几面 一共3面技术面2.业务 不确定3.作为资深前端开发，你觉得发展方向是什么

👋个人背景：家里1亩田☎️意向和oc：10000000000000000000000000000000 （因为太强，1不小心溢出了）👨‍💻面试：5家全灭📚笔试：大厂全挂笔试30~50分目前没挂的：饿了么、小米、百度、作业帮、吉比特、哔站笔试70分以上等通知的：山大地纬（有个更新面试材料的，估计看到我挂科的然后就没后续了）、途虎养车、CVTE、明源云、星纵物联其他：待笔试（上海人工智能创建中心、恒生电子）、放弃笔试（同程旅行）目前惨状：官网差不多投了200份，测评写了快50分，笔试接近30，能叫的上号感觉能投的都投的，都快没动力投了。明天学校有几个小公司的招聘会，再拿不下几个感觉可以提前...

9.26 同盾科技 前端 一面预定 30min，实际 40min（顺序可能不对，可能有遗漏）* 介绍一下你的两个项目吧// 项目提问* 是如何利用 SSE 解决 AI 响应耗时长的问题* WS 和 SSE 的区别* 你用自定义 hook 封装了哪些功能* 项目中是如何使用 axios 拦截器的* 如何借助 mock 进行开发的// 八股* 介绍虚拟 DOM* 介绍盒模型* 盒模型有哪两种，区别是什么？* 介绍事件循环、宏任务与微任务* 如果在执行微任务的过程中，又新产生了微任务，那是会放在这一次还是下次执行？* 有哪些 HTTP 方法* React 中 prop 与 state 有什么区别* 如何实现父子组件通信* JS 有哪些数据类型* 你常用哪些 ES6 新方法* 引用类型与基本类型的区别* 怎么实现深拷贝 // 这里没太搞明白是在问原理还是 API* 深拷贝的实现思路* 如何判断一个变量的类型* 如果不借助 Array.isArray 之类的方法，如何判断* 从输入 URL 到展示画面的过程* 如何优化一个长列表（虚拟列表）* 回流与重绘* 有哪些优化性能的方法* flatMap 的实现思路* HTTP 缓存* 如何排查性能问题* 用过 Chrome Devtool 里的哪些工具// 非技术问题* 你最有成就感的一件事情是什么* 会因为工作做不完而焦虑到睡不着觉吗// 一开始没直接回答，后面面试官还强调了有没有「焦虑到睡不着觉」，感觉还挺重视这个问题的* 你一般是如何解决问题的* 如果给你一个任务，这个任务是你完全没有接触领域，你会如何着手// 还有几个问题忘记了// 反问* Q：React 还是 VueA：都有，主要是 React* Q：toC 还是 toBA：PC 端 toB* Q：工作压力大吗，平时很忙还是比较平衡A：得看个人* Q：上下班时间A：九点半，下班如果拿餐补要等到八点半以后，不忙的时候可以早点走* Q：内部使用 AI 多吗A：拥抱 AI/*面试官挺友好的，就是貌似八股部分在照着念题目，问的东西比较跳跃，除此之外体验不错不过感觉可能挂*/EOF

1.浏览器渲染？2.reflow，repaint3.CSS 选择器优先级如何计算？4.什么是 BFC？如何触发？5.什么是 DOCTYPE？6.盒模型有哪两种？区别是什么？7.原型和原型链？8.js事件传播机制9.防抖和节流的区别？各用在什么场景？10.Promise ？如何链式调用？11.async/await 的本质？12.常见的 HTTP 状态码有哪些？13.GET 和 POST ？14.浏览器缓存有哪几种？如何设置？15.Vue 双向绑定的原理是什么？16.Vue 组件通信有哪些方式？17.虚拟DOM和真实DOM？18.Vue 路由的模式及区别？19.前端性能优化从哪些方面入手？20....