JS/TS 是前端开发的核心语言，同时在全栈和 WebGIS 领域也占据重要地位。

JavaScript 核心基础

必修

JavaScript 语言概述

必修

历史与版本、浏览器控制台、开发工具链

基本语法

必修

变量声明 var/let/const、数据类型、运算符、类型转换

流程控制与循环

必修

if/switch、for/while/do-while、break/continue

函数详解

必修

函数声明与表达式、箭头函数、参数默认值、rest 参数

数组与对象

必修

数组方法（map/filter/reduce/find）、对象属性描述符

字符串与模板字面量

必修

字符串方法、模板字符串、标签函数

DOM 操作

必修

元素选择、事件监听、DOM 增删改、事件冒泡与捕获

BOM 与浏览器 API

必修

window/document/location、setTimeout/setInterval、localStorage

ES6+ 与现代 JavaScript

必修

解构赋值

必修

数组解构、对象解构、嵌套解构、默认值

展开运算符与剩余参数

必修

数组/对象展开、函数参数收集

Promise 与异步编程

必修

回调地狱、Promise 链式调用、async/await、微任务队列

模块化

必修

ES Module import/export、CommonJS 对比、动态导入

Map、Set、WeakMap、WeakSet

必修

新集合类型、垃圾回收优化

Symbol 与迭代器

必修

Symbol 内置属性、可迭代协议、for...of

生成器 Generator

必修

function* 声明、yield 暂停、异步生成器

Proxy 与 Reflect

必修

元编程、响应式原理基础、数据劫持

正则表达式进阶

选修

前瞻/后瞻断言、命名捕获组、RegExp 方法

ES6+ 参考资源

必修

全面了解 ES6+ 新特性

TypeScript 类型系统

必修

TypeScript 基础

必修

安装配置、tsconfig.json、编译选项

基础类型

必修

any/unknown/never/void、字面量类型、联合类型、交叉类型

接口 Interface

必修

可选属性、只读属性、函数类型、索引签名、接口继承

类与面向对象

必修

访问修饰符、抽象类、implements、装饰器

泛型

必修

泛型函数/类/接口、泛型约束、条件类型、infer 推断

类型工具

必修

Partial/Required/Readonly/Pick/Omit/Record 工具类型

类型守卫与类型断言

必修

typeof、instanceof、自定义守卫、as 断言

声明文件

必修

.d.ts 文件编写、模块声明、全局类型声明

模板字面量类型

选修

模板字面量字符串、联合类型推导

装饰器

选修

类装饰器、方法装饰器、属性装饰器、参数装饰器

前端框架

必修

React 核心

必修

JSX 语法、函数组件、Hooks（useState/useEffect/useContext）

React 进阶

必修

useReducer/useMemo/useCallback/useRef、自定义 Hooks

React 状态管理

必修

Context API、Zustand、Redux Toolkit、React Query

React 路由

必修

React Router v6、嵌套路由、路由守卫、懒加载

Vue 3 核心

必修

Composition API、ref/reactive、生命周期、指令系统

Vue 3 进阶

必修

Teleport/Suspense、Pinia 状态管理、Vue Router

组件化开发

必修

组件通信、高阶组件 HOC、Render Props、插槽

UI 框架

必修

Ant Design / Element Plus / ShadCN / Tailwind CSS

框架原理

选修

Virtual DOM diff 算法、响应式原理、Fiber 架构

测试框架

选修

Vitest / Jest / Testing Library、组件测试、E2E 测试 Playwright

前端工程化与性能优化

必修

Vite 构建工具

必修

快速搭建项目、HMR 热更新、环境变量与模式

Webpack 核心

必修

Loader 与 Plugin、代码分割、Tree Shaking、缓存策略

包管理器

必修

npm / yarn / pnpm、workspace 多包管理、lock 文件

CSS 工程化

必修

CSS Modules、Tailwind CSS PostCSS、CSS-in-JS

Git 协作

必修

分支策略、代码审查、Commit 规范（Conventional Commits）

浏览器渲染原理

必修

关键渲染路径、重排/重绘、图层与合成

性能优化

必修

懒加载、图片优化、CDN 加速、首屏加载优化、性能监控

前端安全

必修

XSS 防御、CSRF 防御、CSP 内容安全策略

微前端

选修

Module Federation、qiankun 沙箱、子应用通信

构建工具对比

选修

Rollup / esbuild / Turbopack / SWC

全栈开发与工程化

选修

Node.js 运行时

必修

CommonJS 模块、Event Loop、Buffer/Stream、child_process

Express / Koa 框架

必修

中间件机制、路由、错误处理、REST API

Nest.js 全栈框架

必修

模块/控制器/服务、依赖注入、GraphQL 支持、WebSocket

Next.js / Nuxt.js

必修

SSR/SSG/ISR 渲染模式、文件路由、API Routes

数据库集成

必修

Prisma / TypeORM、Mongoose MongoDB、Sequelize

GraphQL / tRPC

必修

Schema 定义、Resolver、Apollo Server、类型安全的 API

认证与授权

选修

NextAuth.js、Passport.js、JWT、Session 管理

Docker 部署

选修

Dockerfile 多阶段构建、Nginx 反向代理、pm2 进程管理

WebGIS 方向

选修

Leaflet

选修

地图加载、标记与弹窗、图层控制、瓦片服务

OpenLayers

选修

矢量图层、空间查询、投影转换、动画

Cesium

选修

三维地球、3D Tiles、时间轴动画、地形分析

GeoJSON / TopoJSON

选修

地理数据格式、样式配置、交互

地图可视化

选修

Mapbox GL、Deck.gl、ECharts Geo

空间数据库

选修

PostGIS 空间查询、GeoServer 地图服务