十三、前端与全栈

范围：HTML/CSS、JavaScript、Vue、React、TypeScript、构建工具、小程序 知识点数量：91项 返回总目录

---

13.1 HTML/CSS

13.1.1 HTML5

• 1242. 语义化标签 - 掌握header、nav、article
• 1243. 表单增强 - 掌握新Input类型
• 1244. 本地存储 - 掌握LocalStorage、SessionStorage
• 1245. Canvas/SVG - 掌握图形绘制
• 1246. Web Workers - 掌握多线程
• 1247. Geolocation - 掌握地理位置

13.1.2 CSS3

• 1248. Flexbox - 掌握弹性布局
• 1249. Grid - 掌握网格布局
• 1250. 动画 - 掌握Transition和Animation
• 1251. 响应式设计 - 掌握Media Query
• 1252. 变量 - 掌握CSS Custom Properties
• 1253. Tailwind CSS - 掌握工具类框架

13.2 JavaScript

13.2.1 核心语法

• 1254. 数据类型 - 掌握原始和引用类型
• 1255. 作用域和闭包 - 掌握词法作用域
• 1256. this指向 - 掌握绑定规则
• 1257. 原型链 - 掌握继承机制
• 1258. 事件循环 - 掌握Event Loop
• 1259. Promise - 掌握异步编程
• 1260. async/await - 掌握同步写法

13.2.2 ES6+

• 1261. 解构赋值 - 掌握数组和对象解构
• 1262. 箭头函数 - 掌握this词法
• 1263. Class - 掌握类语法
• 1264. Module - 掌握模块导入导出
• 1265. Proxy/Reflect - 掌握元编程
• 1266. Iterator/Generator - 掌握迭代器

13.3 Vue.js

13.3.1 Vue3基础

• 1267. 组合式API - 掌握setup语法
• 1268. 响应式原理 - 掌握Proxy
• 1269. 组件通信 - 掌握Props和Emit
• 1270. 插槽 - 掌握内容分发
• 1271. 计算属性 - 掌握Computed
• 1272. 侦听器 - 掌握Watch

13.3.2 Vue生态

• 1273. Pinia - 掌握状态管理
• 1274. Vue Router - 掌握路由配置
• 1275. 导航守卫 - 掌握权限控制
• 1276. 自定义指令 - 掌握Directive
• 1277. 混入/Provide-Inject - 掌握代码复用
• 1278. Vue DevTools - 掌握调试工具

13.4 React

13.4.1 核心概念

• 1279. JSX - 掌握语法扩展
• 1280. 组件 - 掌握函数组件
• 1281. Props和State - 掌握数据流
• 1282. 生命周期 - 掌握执行时机
• 1283. 事件处理 - 掌握合成事件
• 1284. 条件渲染 - 掌握三元运算符

13.4.2 Hooks

• 1285. useState - 掌握状态Hook
• 1286. useEffect - 掌握副作用
• 1287. useContext - 掌握上下文
• 1288. useReducer - 掌握复杂状态
• 1289. useMemo/useCallback - 掌握性能优化
• 1290. 自定义Hook - 掌握逻辑复用

13.4.3 React生态

• 1291. Redux - 掌握状态管理
• 1292. React Router - 掌握路由
• 1293. Next.js - 掌握SSR框架
• 1294. Ant Design - 掌握UI组件库
• 1295. React Query - 掌握数据获取
• 1296. Zustand - 掌握轻量状态管理

13.5 TypeScript

13.5.1 类型系统

• 1297. 基本类型 - 掌握类型注解
• 1298. 接口 - 掌握Interface
• 1299. 泛型 - 掌握类型参数
• 1300. 联合类型 - 掌握类型组合
• 1301. 工具类型 - 掌握Partial、Pick等
• 1302. 类型守卫 - 掌握类型收窄

13.5.2 高级类型

• 1303. 条件类型 - 掌握类型推断
• 1304. 映射类型 - 掌握类型转换
• 1305. 装饰器 - 掌握元编程
• 1306. 模块声明 - 掌握第三方库类型
• 1307. tsconfig配置 - 掌握编译选项
• 1308. 类型声明文件 - 掌握.d.ts

13.6 构建工具

13.6.1 Webpack

• 1309. Entry/Output - 掌握入口出口
• 1310. Loader - 掌握文件处理
• 1311. Plugin - 掌握插件机制
• 1312. 代码分割 - 掌握Chunk
• 1313. Tree Shaking - 掌握死码消除
• 1314. 性能优化 - 掌握缓存和压缩

13.6.2 Vite

• 1315. 原生ESM - 掌握开发服务器
• 1316. 插件系统 - 掌握Rollup插件
• 1317. HMR - 掌握热更新
• 1318. 预构建 - 掌握依赖优化
• 1319. 多页面应用 - 掌握MPA配置
• 1320. 生产构建 - 掌握Rollup打包

13.7 小程序

13.7.1 微信小程序

• 1321. 生命周期 - 掌握App和Page
• 1322. 组件 - 掌握内置组件
• 1323. API - 掌握网络、存储
• 1324. 云开发 - 掌握云函数
• 1325. 分包 - 掌握体积优化
• 1326. 支付 - 掌握支付流程

13.7.2 跨平台

• 1327. UniApp - 掌握一套代码多端
• 1328. Taro - 掌握React语法小程序
• 1329. 原生混合 - 掌握WebView交互
• 1330. Flutter - 掌握Dart语言
• 1331. React Native - 掌握移动端
• 1332. 性能优化 - 掌握首屏加载

---

进度统计

• 领域：前端与全栈
• 知识点总数：91项
• 已完成：0项
• 待完成：91项

---

返回总目录