全程1h 1. http缓存 强缓存和协商缓存2. sse协议3. 状态管理与通信方式4. 常用hooks5. package.json版本号6. event loop7. lcp和fcp具体含义和优化手段8. position有哪些定位方式 相对于谁计算位置9. 数组去重方式10. 受控组件与非受控组件11. 非受控组件如何从外部获取内部状态12. 请求方式13. CDN手撕：1. ts interface+type+泛型2. react输出顺序题3. html实现页面水印效果4. 字符串全排列

全程40min 无传统手撕 只有看代码1. 看js代码口述输出（事件循环2. 看react代码口述输出（react渲染机制3. 看react组件代码口述性能优化方案4. react.memo/usememo/usecallback5. http缓存6. webpack配置及用途7. webpack如何优化打包后体积和页面性能8. 长列表优化9. echart响应式布局10. css三列布局11. sse流式输出的前端处理