前端工具

前端工具

前端开发相关工具索引(框架、库、构建、调试)。这一页是工具列表,具体使用笔记见各分类目录。

框架与库(笔记详尽)

• [[前端/React/API|React]] — API/Hooks/状态管理/Scheduler
• [[前端/Vue/响应式系统|Vue]] — 响应式系统/Vue Router
• [[前端/Typescript/Typescript|TypeScript]] — 类型系统

工具链

• [[开发工具链/Git/Git原理|Git]] — 原理/命令/工作流/hooks
• [[开发工具链/Playwright/Playwright|Playwright]] — 浏览器自动化/E2E
• [[开发工具链/Puppetter/Puppetter优化|Puppeteer]] — 浏览器自动化(优化)

跨平台

• [[跨平台/Electron/Electron 优化|Electron]] — 桌面应用
• [[跨平台/RN/组件|React Native]] — 移动应用
• [[跨平台/MiniProgram/概览|小程序]]

架构与工程化

• [[Architecture/Build/SourceMap|SourceMap]] — 构建
• [[Architecture/MicroFE/微前端|微前端]]
• [[Architecture/Monorepo/Lerna|Monorepo (Lerna)]]
• [[Architecture/SPA VS MPA|SPA vs MPA]]
• [[Architecture/Separation/前后端分离|前后端分离]]
• [[Architecture/测试/概览|测试]]

样式 / 动画

• [[前端/CSS/CSS|CSS]]
• [[前端/CSS/Grid|Grid]]
• [[前端/CSS/Color|Color]]
• [[前端/动画/Lottie|Lottie 动画]]

性能与调试

• [[Performance/Javascript优化|JS 优化]]
• [[Performance/Chrome调试|Chrome DevTools]]
• [[Performance/内存泄漏及排查|内存泄漏排查]]
• [[Performance/preload, prefetch, prerender|preload 预加载]]
• [[Browser/Performance|Performance 面板]]
• [[Browser/浏览器多进程模型|浏览器多进程]]
• [[Browser/浏览器指纹|浏览器指纹]]

用法

# 找工具:从本索引按用途 → 跳到具体笔记
# 学框架:从 00-MOC/前端-技术树 入口