秋招 帆软前端一面 凉经

1.React的Fiber架构是什么数据结构，为啥 2/2 2.组件渲染中触发setstate，怎么调度3. usestate本质是啥4. useeffect和uselayouteffect有啥区别5.TS中type和interface有啥区别6. interface和type在有重名的情况下分别会怎样7.用TS实现一个Pick，怎么实现8.Vite和Webpack有啥区别，hmr、生产环境都怎么实现的9. node事件循环和浏览器的事件循环 差别10.为啥nodejs选用express框架11. websocket怎么做保活、长连接和心跳检测12.为啥选用chart.js做图标库13.能讲讲...

周五面的，贴个面筋自我介绍1. 如何接触到前端开发？2. 对未来前端的职业规划？实习项目1.Feed卡片流具体是什么？2.虚拟列表在项目中的应用和实现原理，元素是否定高，不定高如何处理3.图片懒加载是怎么做的？4.常见的React Hooks？ `useEffect` 和 `useLayoutEffect` 区别5.React Hooks的状态和数据（如`useRef`中的函数）是存储在哪里的？6.为什么React Hooks只能在顶层调用，而不能在条件或循环语句中使用？7.你了解过Vue吗？它和React有什么区别？8.Redux和React Context区别？React的生命周期？ ES6新特性？9. Promise的实现原理是什么？Promise有哪些全局静态方法？`.all  .race .any`？10.了解`WeakSet`和`WeakMap`吗？`WeakMap`一般在什么场景下使用？11.CSS选择器的优先级规则如果一个元素class为'a'，那么选择器 `.a.a` 的优先级？12.什么是事件委托？13.实现一个三栏布局？Flex怎么实现？14.前端代码规范建设？如何保证团队所有成员以及跨项目的代码规范一致性？15.解释一下SSE之前封装过SSE类似组件吗？16.如何实现撤销/重做功能的？（命令模式 vs 快照）17.如何保证用户的每一次操作都能被捕获并记录到历史记录中？18.是否有考虑过通过全局监听状态变化的方式，而不是在每次操作时手动派发action？19.如何实现数据导入导出？如何通过导出的JSON文件还原整个画布状态？20. 个人优势和缺点？周末喜欢做什么？21.没问到但想补充的？（说了计算机网络http(s) tcp dns ...）22. 反问 业务？AI？作息？算法题无面试体验好，意犹未尽

1. 作为前端，你的成长路线是啥样的？2. 聊聊 JS 的单线程模型？3. 为啥 script 脚本跑太久，页面会白屏？4. 怎么优化页面白屏时间太长的问题？5. 如果想搞多线程，该怎么做？6. Web Worker 能干的活，和主线程一样吗？7. 两个线程之间怎么通信？8. JS 引擎是怎么做内存管理和垃圾回收的？9. 怎么在浏览器里观察内存管理的过程？10. AI 前端和普通前端比，需要哪些不一样的特质？11. 了解 Node.js 吗？

1.浏览器输入url之后浏览器的渲染过程？2.渲染过程中，浏览器有哪些线程？3.js线程和GUI渲染线程是互斥的还是同时运行？4.js加载是同步的还是异步的？有无办法让其异步加载？5.配置DNS预解析的是哪个属性？6.介绍一下CORS，它是后端是怎么能支持前端的跨域，原理是什么，会产生一个预检请求，这个预检请求是什么时候产生的？app.use(cors({ origin: 'https://www.fe.com', // 允许的前端域名（不可用 * 若带 Cookie）}));7.js文件应该配置强缓存还是协商缓存，html应该配置强缓存还是协商缓存，为什么？8.状态码301 302 304分别代表什么？9.浏览器什么时候会发生回流，什么时候发生重绘？10.React有哪些Hooks函数？分别用来解决什么？11. useState为什么要放在当前组件的顶级，放在if else后面可以吗？12.nextjs的版本？App Router和Pages Router的区别？13.介绍一下react里面常用的组件通信方式？14.nextjs中拿到数据之后是如何传递给client组件的呢？15.react远古父组件通信应该怎么做？16.Taro里面常用的组件库17.Ant design能默认在nextjs里面跑起来么，应该加什么配置，如何配置antdesign18.为什么登录是使用token和localstorage而不是使用cookie，两种方案应该在什么场景使用