熟练掌握如何利用 Chrome DevTools 分析长任务(Long Tasks)、优化 INP(Interaction to Next Paint) ≤ 200ms
入理解 Next.js / Nuxt 3 的 SSR 机制与缓存策略
全栈(Node/边缘计算)或图形学(Three.js/WASM),解决 AI 无法轻易替代的复杂架构与底层性能问题
Spline + Vue3
- dependencies
@splinetool/viewer
V8 JS 引擎 Event Loop 事件循环 Rendering Pipeline 渲染管线
Task ↓ Microtask ↓ Style ↓ Layout ↓ rAF ↓ Paint ↓ Composite
① JS执行上下文 ↓ ② Event Loop ↓ ③ Promise/Microtask ↓ ④ 浏览器渲染流程 Style Layout Paint Composite ↓ ⑤ requestAnimationFrame
语音转文字
Text-to-Speech