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 自研搭建平台 |