wxg小店前端面经(一二面+面委+hr）

写面筋攒rp，又是重在参与10.27更新：发二面了项目拷打对于一些变量的管理，有没有用状态管理(vuex/pinia)呢？vue2/3的差异代码拷打是数组转树和防抖节流

1.项目相关2.了解什么React中的性能优化策略？3.React.memo中的第二个参数是什么？4.懒加载路由是怎么实现的？5.treeshaking的时候，如果是动态导入，如何进行？6.如何隐藏一个元素？7.如果想要一个元素虽然隐藏了但是仍然是可以被点击的，应该怎么做？8.display的默认属性是什么？9.js有哪些常用的DOM操作相关的API10.常见的HTTP状态码11.读代码：this指向，Promise手撕：斜向遍历二维数组

自我介绍！ 你参与最多的项目，简单的介绍一下，你在里面担任的角色以及你做了哪些工作！巴拉巴拉一顿输出浏览器输入url一直到页面渲染的过程？当服务器返回html之后，scrpit标签会阻塞吗？不加defer一定会阻塞吗？script用src引用js/css会做什么？页面首次打开后闪烁后再出现内容   样式是后面应用添加的 是什么原因？提交按钮多次点击，怎么解决多次请求来提升性能？   防抖手写一个防抖函数？在防抖函数里面为什么要使用aplly来绑定this？如果不用apply，能拿到点击事件吗？如果不用apply，想直接用func(args)，修改其他部分使函数功能不变，如何实现？代码输出题：function a(){const fn = (e)=>{console.log(this,e)}fn('fn func')}这个里面this指向的是什么？我当时回答的是指向全局对象window，当时没有get到面试官的点，他想要我回答指向函数a你了解eventbus吗？讲解一下，也就是发布订阅者模式。实现事件总线eventbus！当时说我只了解概念，不会写！！！然后面试官就换了一个遍历树的方法！将一个树的所有节点的值全部以数组的格式输出出来！我当时使用了一个递归的方法实现出来了，然后又问：当树的深度很大时，会不会发生内存爆掉的现象？然后巴拉巴拉一顿输出。。。。然后就是可以使用层次遍历来解决这个问题！然后就是把层次遍历也写了一遍！最后问了一下怎么学习前端的？如何去了解前端前言技术的！！！反问。。。。

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