目录
第1章前端基础
1.1前端技术简介
1.2HTML
1.2.1HTML简介
1.2.2HTML编辑器
1.2.3HTML标签
1.3CSS
1.3.1CSS简介
1.3.2CSS选择器
1.3.3CSS样式入门
1.4JavaScript
1.4.1JavaScript简介
1.4.2JavaScript基础语法
1.4.3JavaScript缺陷
1.5SPA与MPA
第2章TypeScript基础
2.1TypeScript初体验
2.1.1TypeScript简介
2.1.2安装TypeScript
2.1.3TypeScript示例
2.1.4TypeScript代码调试
2.2TypeScript基础语法
2.2.1变量
2.2.2函数
2.2.3模块
2.2.4命令空间
2.3类
2.4接口
2.5泛型
2.6迭代器和生成器
2.6.1迭代器
2.6.2生成器
2.7编译选项
2.8习题
第3章React快速入门
3.1React简介
3.2虚拟DOM
3.3JSX语法基础
3.3.1JSX简介
3.3.2嵌入表达式
3.3.3绑定属性
3.3.4绑定事件
3.3.5条件渲染
3.4开发工具
3.5项目示例
3.5.1安装Node.js
3.5.2创建React项目
3.5.3项目结构
3.5.4运行项目
3.5.5项目调试
3.6React Hook
3.6.1Hook简介
3.6.2useState
3.6.3useEffect
3.6.4useRef
3.6.5useContext
3.6.6useReducer
3.6.7自定义Hook
3.7习题
第4章React组件基础
4.1React组件
4.1.1组件简介
4.1.2类组件
4.1.3函数组件
4.1.4组件state
4.1.5组件props
4.2组件生命周期
4.2.1类组件生命周期
4.2.2函数组件生命周期
4.3组件通信
4.3.1父子组件通信
4.3.2兄弟组件通信
4.3.3跨级组件通信
4.4高阶组件
4.4.1高阶组件简介
4.4.2基本用法
4.4.3应用场景
4.5React Portals
4.5.1Portals简介
4.5.2Portals冒泡事件
4.5.3注意事项
4.6Fragment组件
4.6.1Fragment简介
4.6.2使用场景
4.7习题
第5章事件监听与处理
5.1事件基础
5.1.1事件监听
5.1.2事件类型
5.1.3事件传播
5.1.4事件委托
5.2事件副作用
5.3事件机制
5.3.1事件机制概述
5.3.2插件注册
5.3.3事件注册
5.3.4事件分发
5.3.5事件派发
5.4自定义事件
5.5习题
第6章React动画
6.1动画简介
6.1.1动画发展史
6.1.2动画收益
6.1.3动画的挑战
6.1.4动画的未来
6.2动画基础
6.2.1帧和帧率
6.2.2关键帧
6.2.3插值器
6.3CSS动画
6.3.1CSS动画简介
6.3.2创建CSS动画
6.3.3CSS过渡动画
6.3.4CSS关键帧动画
6.3.5注意事项
6.4JavaScript动画
6.4.1JavaScript动画简介
6.4.2requestAnimationFrame动画
6.4.3动画监听
6.5SVG动画
6.5.1SVG动画简介
6.5.2基本使用
6.6WAAPI动画
6.6.1WAAPI简介
6.6.2WAAPI核心概念
6.6.3基本使用
6.6.4操作动画
6.7习题
第7章路由导航与管理
7.1React Router
7.1.1路由简介
7.1.2安装React Router
7.1.3快速上手
7.1.4404页面
7.2路由导航
7.2.1Link
7.2.2NavLink
7.2.3redirect
7.2.4useNavigate
7.3路由配置
7.3.1配置路由
7.3.2嵌套路由
7.3.3布局路由
7.3.4索引路由
7.3.5路由片段
7.4路由传参
7.4.1路由参数
7.4.2查询参数
7.4.3状态参数
7.5路由钩子
7.5.1useRoutes
7.5.2useActionData
7.5.3useNavigation
7.6习题
第8章网络请求
8.1网络基础
8.1.1HTTP协议
8.1.2GET与POST请求
8.2XMLHttpRequest
8.3Fetch
8.3.1Fetch简介
8.3.2基本使用
8.3.3Headers接口
8.3.4Request接口
8.3.5Response接口
8.4Axios
8.4.1Axios简介
8.4.2基本使用
8.4.3请求配置
8.4.4响应结构
8.4.5拦截器
8.4.6取消请求
8.5Alova
8.5.1Alova简介
8.5.2基本使用
8.5.3适配器
8.5.4拦截器
8.5.5缓存策略
8.5.6请求策略
8.6习题
第9章状态管理
9.1状态管理简介
9.2原生状态管理
9.3Redux
9.3.1Redux简介
9.3.2核心概念
9.3.3基本使用
9.3.4动态参数
9.3.5异步逻辑
9.3.6集成Redux DevTools
9.4MobX
9.4.1MobX简介
9.4.2核心概念
9.4.3基本使用
9.4.4集成MobX DevTools
9.5习题
第10章Ant Design
10.1Ant Design简介
10.1.1UI框架简介
10.1.2Ant Design入门
10.1.3Ant Design生态
10.2通用组件
10.2.1Button组件
10.2.2Icon组件
10.2.3Flex组件
10.2.4Layout组件
10.3导航组件
10.3.1Menu组件
10.3.2Tabs组件
10.3.3Dropdown组件
10.4数据组件
10.4.1List组件
10.4.2Table组件
10.4.3Skeleton组件
10.4.4Tour组件
10.5习题
第11章Vite工程化构建
11.1Vite简介
11.1.1Vite诞生背景
11.1.2Vite特性
11.2快速上手
11.2.1环境搭建
11.2.2项目结构
11.2.3配置文件
11.3Vite核心概念
11.3.1基本概念
11.3.2Vite构建过程
11.3.3Esbuild预构建
11.3.4Rollup打包
11.4Vite插件开发
11.4.1插件开发简介
11.4.2通用API
11.4.3独有API
11.4.4插件开发
11.5静态资源处理
11.5.1图片加载
11.5.2JSON加载
11.5.3Web Worker
11.5.4WebAssembly
11.6习题
第12章实战大众点评客户端
12.1项目简介
12.2项目搭建
12.2.1初始化项目
12.2.2数据请求
12.2.3路由管理
12.3首页模块
12.3.1分类导航
12.3.2点评头条
12.3.3猜你喜欢
12.4搜索模块
12.4.1搜索导航栏
12.4.2推荐搜索词
12.4.3搜索结果
12.4.4搜索结果筛选
12.5团购详情
12.6用户模块
12.6.1账号登录
12.6.2用户订单
12.6.3订单详情
12.7本章小结
第13章实战严选电商网站
13.1项目背景
13.2Egg服务器开发
13.2.1Egg简介
13.2.2Egg快速上手
13.2.3安装MySQL
13.2.4路由
13.2.5控制器
13.2.6服务
13.2.7中间件
13.2.8综合示例
13.3项目搭建
13.3.1创建项目
13.3.2引入SCSS
13.3.3引入TransitionGroup动画
13.3.4集成Redux
13.3.5JWT登录
13.4搭建主页面
13.4.1导航栏
13.4.2轮播图
13.4.3人气推荐
13.4.4消息通知
13.5商品详情页
13.5.1商品详情
13.5.2商品评价
13.5.3加入购物车
13.6购物车
13.6.1购物车列表
13.6.2购物车操作
13.6.3商品结算
13.7订单管理
13.8本章小结
第14章性能优化
14.1性能优化简介
14.2Chrome DevTools工具
14.2.1Lighthouse
14.2.2Performance
14.2.3Chrome DevTools 协议
14.3构建工具优化
14.3.1网络优化
14.3.2资源压缩
14.3.3资源加载优化
14.3.4预渲染优化
14.4性能监控
14.4.1性能监控简介
14.4.2性能监控自动化
14.5本章小结
第15章版本构建与部署
15.1概述
15.2版本构建
15.2.1修改默认配置
15.2.2构建生产版本
15.3版本部署
15.3.1Nginx部署
15.3.2容器化部署
15.4本章小结
