快手电商前端实习面试(二面刚面完)

1.聊实习 2.讲一讲浏览器渲染网页的过程3.重排的重绘4.了解js事件循环吗5.微任务和宏任务都有哪些6.讲一讲Hooks带来哪些改变7.useEffect和useLayoutEffect的区别8.useState和useRef的区别9.webpack做过哪些优化10.了解tree shaking吗11.commonjs有tree shaking吗12.Promise都有哪些状态手撕1.描述打印顺序（render在useEffect之前）2.封装一个防竞态的api调用自定义hooks3.写一个控制并发的schedule

度秒如年的一个小时对于移动端应用需要根据设备不同（苹果安卓）做不同的处理，怎么做对于移动端应用，如何判断用户使用的是流量还是wifi首屏优化做了什么（我答了使用webp格式+预加载+懒加载）你提到了懒加载，懒加载怎么做（我答了intersection observer）如果我有很多商品要展示，应该怎么做优化（我答了虚拟列表+节流+节点复用）手撕，一个函数式调用的dialog，要求关闭按钮以及遮罩层点击可关闭，询问了close事件发生了什么，要求自定义内容（我答了用插槽，接着写，写组件调用项目中有没有封装过组件，如何设计一个组件库，能够按需加载追问：分模块导入之后还需要做其他操作吗babel层面...

1.项目介绍。2.菜鸟有大量复杂的B端系统(如WMS、TMS)。在设计一个高度复杂、表单项繁多的“创建物流订单”页面时你会如何设计其组件架构和状态管理?3.在物流中后台系统中，经常有“拖拽排序”、“动态增删表单项”的需求。如果要你实现一个可拖拽的列表，你的技术思路是什么?4.菜鸟的物流大屏(“天眼”系统)需要展示全国包裹的实时流动数据。如果要你负责这个可视化大屏，你会如何选型(例如 ECharts,AntV G6/L7)?如何处理海量数据的渲染性能问题?5.包裹“实时追踪”是菜鸟的核心功能之一。在H5端展示一个包裹的实时物流轨迹(包含地图和时间轴)，你会如訥以有设计这个功能?如何与地图API(如高德地图)交互?6.假设你负责的菜鸟驿站站长工作台(PC端)首页加载很慢，你会从哪些方面去排查和优化?(请考虑B端系统的特点)7.物流系统的很多页面数据需要高实时性(例如库存、包裹状态)。你会如何实现前端数据的“实时”更新?(轮询、WebSocket、SSE等)请分析它们的优劣。8.你对菜鸟的业务有什么了解吗?从前端的角度，你认为菜鸟的核心技术挑战在哪里?

讲一下websocket怎么实现重连的如果一直重连不上怎么办讲一下大文件上传了解render函数吗目前有一个集合数据，怎么把它渲染vue3的生命周期虚拟列表怎么做的