公告
Skip to content
moluoxixi Blog
Search
K
Main Navigation
首页
Appearance
相关文章
回到顶部
目录
[ ] 1. 核心运行时与语言深度 (Runtime & Languages)
JavaScript 核心
: 执行上下文、闭包陷阱、V8 垃圾回收 (GC) 与内存泄漏排查。
异步演进
: Promise/A+ 规范、Event Loop (宏/微任务) 与并发控制。
TypeScript 进阶
: 泛型约束、类型体操 (infer/template types)、声明合并。
浏览器引擎
: 渲染流水线、合成层 (Compositing) 优化、重排重绘规避。
[ ] 2. 现代框架底层原理 (Framework Internals)
React 生态
: Fiber 协调、Lane 优先级、Hooks 链表结构、RSC (服务端组件)。
Vue 生态
: Proxy 响应式系统、编译器静态提升、Composition API 逻辑复用。
状态驱动
: 响应式 Signals (新标准)、原子化状态管理 (Zustand/Jotai)。
[ ] 3. 前端工程化与基础设施 (Engineering)
高性能构建
: Vite (Esbuild/Rollup) 调优、Rspack (Rust) 迁移实践。
架构模式
: Monorepo (pnpm/Turborepo)、微前端沙箱机制、模块联邦。
质量闭环
: Vitest 单元测试、Playwright E2E、自动化 CI/CD 流水线。
[ ] 4. 极致性能与安全策略 (Performance & Ops)
性能指标
: Web Vitals (LCP, INP, CLS) 深度优化、代码分割 (Splitting)。
渲染方案
: SSR/SSG/ISR、孤岛架构 (Astro)、流式注水 (Hydration)。
安全攻防
: 内容安全策略 (CSP)、JWT/OAuth2 鉴权、XSS/CSRF 现代防护。
[ ] 5. AI 原生开发与全栈应用 (AI & Full-stack)
AI 驱动开发
: Cursor/Copilot 提示词工程、AI 辅助 UI 生成 (v0/Design-to-Code)。
AI 应用编排
: Vercel AI SDK 实现 Streaming UI、LangChain.js 集成。
端侧 AI
: Transformers.js 本地推理、WebGPU 加速、端侧向量索引。
NestJS 全栈
: 依赖注入 (DI)、Guard/Interceptor 架构、微服务与 WebSocket。