JavaScript / TypeScript:Web 全栈统治者
定位:Web 统治者 · 全栈通吃 · 生态最大 · 前后端/桌面/移动/插件
JavaScript/TypeScript 的 17 大应用方向
| 应用方向 | 细分示例与说明 | 典型应用 / 程序 |
|---|---|---|
| Web 前端 SPA | React+Next.js / Vue+Nuxt.js / Svelte+SvelteKit / Angular;TailwindCSS/Shadcn UI | Next.js 项目 Nuxt 项目 SvelteKit 项目 Angular 企业前端 |
| 微信小程序 | 原生小程序 / Taro 多端 / uni-app(Vue 语法);小程序云开发 | 微信原生小程序 Taro 跨端项目 uni-app 项目 微信云开发 |
| 支付宝/抖音/百度小程序 | 支付宝小程序(生活号);抖音小程序(短视频/直播挂载);多端框架统一 | 支付宝小程序 抖音小程序 百度智能小程序 快手小程序 |
| React Native 移动端 | 一套代码 Android+iOS;Expo 快速开发;React Navigation 路由 | Expo App RN 电商 App RN 社交 App Instagram (部分 RN) |
| Electron 桌面应用 | 跨平台桌面应用(Web 技术);electron-builder 打包分发 | VS Code Slack Notion Discord Figma Desktop Obsidian |
| 浏览器插件开发 | Chrome Extension Manifest V3;内容脚本/Background Worker/Popup/SidePanel | uBlock Origin Tampermonkey 沉浸式翻译 Bitwarden React DevTools |
| VS Code 插件 | TypeScript 编写 Extension;语法高亮/补全/Linter/Webview 面板;LSP | Prettier ESLint GitLens Copilot 主题插件 |
| Obsidian 插件 | TypeScript 编写 Obsidian Plugin;自定义视图/与外部 API 集成 | Dataview Calendar Kanban Templater Excalidraw |
| Node.js 后端 | Express/Koa/NestJS/Next.js API;tRPC 类型安全;Socket.io 实时通信 | NestJS 服务 Express API Next.js API Routes Socket.io 聊天 |
| Serverless / 边缘函数 | Cloudflare Workers / Vercel Edge / AWS Lambda / Netlify Functions | Vercel Serverless Cloudflare Worker AWS Lambda Node Netlify Function |
| 全栈框架一体化 | Next.js App Router / Remix / Nuxt 3 / Astro / T3 Stack | T3 Stack 项目 Remix 全栈 Astro 博客 SolidStart |
| 3D Web 与 Web 游戏 | Three.js 3D 场景/数字孪生;Babylon.js 引擎;Phaser 2D 游戏;A-Frame VR | Three.js 展厅 R3F 项目 Phaser 游戏 Babylon 场景 |
| PWA 渐进式 Web 应用 | Service Worker 离线 + Manifest 类原生体验;Web Push 推送 | Twitter Lite Starbucks PWA Pinterest PWA 自建 PWA 工具 |
| 实时协作应用 | WebSocket/Socket.io;Yjs/Automerge CRDT 多人协同编辑 | 在线协作文档 实时白板 Liveblocks 项目 多人游戏 |
| CLI 命令行工具 | Commander/Yargs + Ink 终端 UI;oclif 框架;npx 分发 | create-react-app Vercel CLI GitHub CLI (部分) Ink TUI 工具 |
| Telegram / Discord Bot | Telegram Bot API;Discord.js;自动化社群管理 | Telegram 机器人 Discord 音乐 Bot 社群管理 Bot |
| 低代码/无代码平台 | 基于 React/Vue 的可视化搭建平台;表单/流程设计器 | 阿里低代码引擎 百度 Amis 自研搭建平台 |