顺丰科技技术面一面8月3日

感觉很对不起面试官姐姐，浪费了她人生的一个小时。-开局自我介绍+问问前端学习过程-1. css响应式 （我只知道媒体查询和em rem，面试官问我还有别的吗，憋不出一个p来 ❌(移动端的meta viewport，@media媒体查询，百分比单位，vw/vh，rem，图片的响应式， 还有成型方案flex,grid,UI库等)2. 项目里有用过css响应式吗 （没用过，太尴尬了 ❌3. 回流与重绘，哪些操作会触发，如何减少。4. js基本数据类型5. 类型判断方法，js类型转换6. 对象的创建有多少方法（ 怕啥来啥，只记得字面量和new，工厂模式不记得细节没敢说，说了原型模式，面试官让**手写**demo，写不出一点。❌（七种：工厂模式，构造函数模式，原型模式，组合模式，动态原型模式，寄生构造函数模式，稳妥构造函数模式）7. 对象的拷贝方法 （深浅拷贝8. **手写**深拷贝  （面试官问我用weakMap的原因，答：解决循环拷贝问题。我以为自己最后写对了，不知道为啥跑不出来，太尴尬了❌9. es6新特性10. promise出现的原因和promise方法11. es module相关问题：为什么要模块化，在esm出现之前怎么模块化，esm和csj区别12. SPA和MPA13. vue-router如何实现SPA14. 首屏时间的获取和优化 （隐约记得个performance API和lighthouse ❌（首屏时间采集方法：埋点，ssr使用DOMContentloaded，SPA使用MuationObserver监听页面document 对象的节点变化，Performance API查询页面的资源加载情况。）15. webpack和vite区别16. 热更新原理  （这个讲的乱七八糟的17. webpack打包优化-问了几个项目相关的问题，项目实在是平平无奇，挖无可挖，太抱歉了。反问- 不知不觉已经参与很多场面试了，无法再给自己找理由，说什么”因为面试太少所以紧张“。无论面试多少次，都还是会紧张得浑身冒汗，说话颤抖，大脑空白，只能靠着肌肉记忆背诵，失去思考能力。如果克服不了这种紧张和焦虑，失败会成为我所有面试的最终结果。主要原因还是因为八股背得不牢，代码能力弱，项目实践经验少，想自信都自信不起来。

自我介绍拷打项目防抖节流场景题：资源列表滚动加载，如何使用防抖节流优化？git场景题（有点忘记题目了[悲]）骨架屏实现原理NodeJS了解吗，如何解决NodeJS内存溢出的问题闭包文件上传拷打实习介绍一下localforageindexDB具体是存在什么地方的（硬盘、缓存）如何实现SSO单点登录介绍SSO，有去了解他的实现原理吗说一个你认为封装比较好的组件h函数介绍如何实现组件挂载Vue2、Vue3的区别Promise的优缺点如何解决Promise异步的问题事件循环场景题：就是有Promise和setTimeout等等，然后说输出水平垂直居中不定宽高水平垂直居中HTTP状态码你平时是怎么学习前...

因为是校招专场，所以是线下面试的1.日常项目拷打2.css如何使一个盒子居中3.margin百分比是相对的谁（父盒子还是自己）4.js里promise和async await，为啥有了promise还有提出async await5.如果浏览器打开一个网页很卡，可以怎么优化（减少回流重绘，防止内存泄露，浏览器缓存等）6.浏览器缓存都有什么类型（我说了强制和协商缓存，他说cookie类的，我说还有session和localstorage，他说了解indexedDB么，这个我没接触过）7.http2相对于http1优化了什么8.https是什么9.websocket了解么10.chatgpt是怎么返回数据的（轮询，长连接，还有websocket还有一个我不认识的方法）11.你是怎么部署的，docker，k8s了解过么12.vue2与vue3区别，vue3为什么要推出组合式api（面试官说方便复用），虚拟dom是什么，为什么比操作真实dom快13.typescript了解么14.正则表达式知道么，用在什么场景里（我说表单，他说大部分是，也有其他的，我不了解这个）15.模块导入有几种方式（es6和commonjs），ast，tree shaking知道么16.打包工具用过什么，vite和webpack的区别（vite基于es6所以快）17.知道web worker么（我只知道是在前端开多线程的），追加了几个基于web worker的问题18.可视化用过么，echart是基于什么实现的。。算法题：拿张纸，手写代码1.考察了一道闭包的题目，一个counter然后调用，写输出结果2.一个url怎么提取出params3.123456789怎么变成123，456，789的格式（我是操作字符串，他说可以用正则表达式）#腾讯##前端#

一面直接综合八股和笔试，问的时间会比较久（40-50分钟），比较重视实际开发能力和代码底层实现原理两个HR，一个还比较正常，着重会问你c++和手撕代码基本能接住，另一个像是技术主管，问得更深，挖项目相关的技术栈。具体的问题有的记不清了，不过感觉很难受，第一次见问项目问到这么深的。还是太水了，没辙，满头大汗了xdm。1号面试官：介绍下项目tcp协议的过程智能指针的实现（针对简历）虚函数和析构函数有关的手撕链表翻转2号面试官map的【】和insert有什么区别（之前牛客面经看到了）vector，pushback和erase过程中的实现原理和迭代器变化vector扩容机制内存泄漏怎么解决判断输出：/...