Vue2.5实战微信读书 媲美原生App的企业级Web书城

冰点也疯狂

第1章 课程介绍
/ t# {, V  c6 l  H, o" F介绍阅读器项目背景、功能结构、技术栈和功能演示，快速了解整个课程安排和内容。
! R4 ^% Z: v5 h7 b* M( m' V 1-1 导学
1-2 课程学习指南

% L4 e" q4 z/ t- U- ~第2章 项目需求及阅读器引擎介绍
8 F- a  }. x6 F. w0 _0 c介绍项目需求和阅读器的开发原理，并搭建Node.js和vue-cli 3.0开发环境。
: L+ i# g& n6 J9 E4 S* i( t 2-1 项目需求分析
8 E& D* k1 p! r4 |5 O 2-2 阅读器原理介绍
5 I# ]% r' [+ ?9 ^+ ? 2-3 ePub标准介绍
2-4 epubjs阅读器引擎介绍
% Y4 C# @1 u* r( G) o& o 2-5 安装Node.js环境
2-6 vue-cli 3.0搭建方法（原型开发）
2-7 vue-cli 3.0搭建方法（脚手架创建项目）
2-8 项目技术难点分析
  [# ^3 @+ w2 j" L
( ?! e; k, M3 {) o& d. Y2 V第3章 项目准备
完成项目开发前的准备工作，讲解如何引入字体图标、Web字体、rem、样式重置表，详细介绍vuex的基本原理及mapGetters的实现原理，搭建基于Nginx的静态资源服务器。
3-1 准备工作说明
- y& C0 ^4 w/ U4 n: a- Q6 P2 \ 3-2 字体图标准备
3-3 项目依赖包下载
% g/ v5 w3 g& u 3-4 准备Web字体
3 }' l3 T: Q' k8 H6 } 3-5 viewport配置和rem设置
3-6 global.scss和reset.scss设置
3-7 引入vuex+vue-devtools 试看
5 x0 r( N* ]& t& I+ j. g- B. p 3-8 搭建静态资源服务器
# b6 B! G5 l5 v
第4章 阅读器--标题菜单、字号字体及主题设置功能开发
讲解如何实现阅读器的解析和渲染、手势翻页操作、标题栏和菜单栏组件的解耦，并实现字号字体设置和阅读器全局主题设置功能。
4-1 阅读器需求分析
" ^9 G+ \/ i; d/ W 4-2 阅读器解析和渲染
% V0 i7 m& e; M1 e5 k) ] 4-3 阅读器翻页功能实现
4-4 标题栏和菜单栏实现
4-5 字号设置 UI 实现
4-6 字号设置功能实现
# t9 A+ K/ b% B 4-7 字体设置功能实现
4-8 字体设置弹窗UI实现
4-9 字体设置弹窗功能实现
4-10 字号和字体设置离线存储
4-11 字体设置标题国际化
4-12 阅读器主题设置功能实现
4-13 全局主题设置功能实现
! D: H) l$ k8 M8 P% }9 F2 c
! o# o5 ]  E* X第5章 阅读器--阅读进度、目录、全文搜索功能开发
讲解如何实现阅读器的阅读进度、阅读时间统计、章节切换、多级目录展示、全文搜索和目录加载动画。
5-1 阅读进度功能实现（进度面板+分页逻辑）
5-2 阅读进度功能实现（进度拖动功能）
% A! u4 [' p9 c+ \3 }5 }( v 5-3 阅读进度功能实现（上下章节切换功能）
5-4 阅读进度功能实现（章节切换和进度同步）
; R/ B' B, e) [: j 5-5 阅读进度功能实现（保存阅读进度功能）
' e0 l  X( a( D; y6 j: J8 A 5-6 目录功能实现（目录浮出效果）
3 A3 Q3 X; c) _ 5-7 目录功能实现（Tab选项切换和搜索效果）
/ O- G0 L/ L6 X2 q0 V 5-8 目录功能实现（图书内容布局）
6 i( F% S3 @) H 5-9 目录功能实现（图书内容样式）
5-10 目录功能实现（目录数据结构开发）
  ?( E' [6 x' w  L2 J* o 5-11 目录功能实现（多级目录功能）
5-12 全文搜索功能实现（搜索算法+数组降维）
+ s; {) b' l3 C" `( o& v2 g 5-13 全文搜索功能实现 （搜索关键字高亮+搜索结果高亮显示）
5-14 目录加载动画实现（原理分析+布局实现）
5-15 目录加载动画实现（动画效果实现）
. z  F% t5 J: S- P+ @$ l5 ~  R
第6章 阅读器--书签功能、页眉页脚及兼容性优化
讲解如何实现阅读器的手势操作，详细介绍了复杂手势交互的实现思路及原理，为阅读器加入页眉和页脚，并优化了移动端和PC端兼容性问题，使阅读器可以更好的支持PC端和移动端使用。
6-1 书签手势实现（页面下拉）
# S; N% l- w( o  ]. k5 L 6-2 书签手势实现（书签组件）
6-3 书签手势实现（下拉状态管理）
/ L: P2 A( F) p! _' {; m# w7 J: O 6-4 书签手势实现（书签添加删除交互）
# Q6 ?* I, `6 ?% Z 6-5 EpubCFI原理介绍
6-6 书签功能实现
* }5 @" _+ R3 {7 |  Z+ ~ 6-7 页眉和页脚功能实现
2 j! R$ G. R' e) z 6-8 阅读模式介绍
2 U- @  Z; t0 ?3 G/ N0 A 6-9 微信兼容性调整
6-10 自适应布局优化（PC端布局优化）
6-11 自适应布局优化（书签支持鼠标事件）
6-12 阅读器分页算法实现
6-13 阅读器相关知识点总结
6 v# M- w8 ?( B- j0 q4 I
6 S  M$ W! Z& W$ O第7章 书城首页、搜索页、列表页和详情页开发
! @+ I, G0 q- ?8 p讲解书城首页、搜索页、列表页和详情页的开发过程，详细介绍首页的推荐动画、标题栏和搜索框的交互动画实现原理，并引入Mock.js实现API数据模拟。
7-1 书城开发需求分析
7-2 书城首页开发（框架页面+路由配置）
7-3 书城首页（标题+搜索框布局）
7-4 书城首页（标题+搜索框交互设计分析）
7-5 书城首页（标题交互动画实现） 试看
, N% r" M1 d8 h& m! T 7-6 书城首页（搜索框交互动画实现）
7-7 书城首页（热门搜索布局）
7-8 书城首页（热门搜索交互）
  p0 x+ e1 b8 w) K4 C# S# z5 f 7-9 书城首页（推荐页面布局）
7-10 书城首页（卡片翻转动画实现）
7-11 书城首页（卡片翻转动画重置）
9 K- H: j. y, g+ \) X 7-12 书城首页（卡片登场keyframes动画讲解）
7-13 书城首页（烟花动画实现）
7-14 书城首页（mockjs使用方法讲解）
1 Q0 V, X9 Q4 U" a6 x 7-15 书城首页（推荐图书布局+动画）
7-16 书城首页（首页图书布局实现）
0 S2 \$ V4 H( g" O$ |: W 7-17 书城详情页开发
7-18 书城列表页开发
: c$ k* P! H/ b 7-19 第七章总结
3 E* a- [! [" ?
! L: U/ R( J5 m$ w0 V% ]第8章 书架页面开发
讲解书架页面的开发过程，包括：书架数据结构设计、九宫格布局的实现、私密阅读功能实现、离线存储功能实现、分组功能实现、移出书架功能和动画实现。
2 ?$ g+ ]6 W4 Q! ?6 C+ t' r 8-1 书架标题组件布局实现
; H2 k) D- I( l 8-2 书架标题组件交互实现
6 R* w" X4 K5 N  H# l3 h% x 8-3 书架搜索框布局实现
8-4 书架搜索框交互实现（上）
8-5 书架搜索框交互实现（下）
5 v2 F1 |# u6 N1 I 8-6 书架数据结构设计+数据获取
8-7 书架标题+搜索框样式优化（固定标题+滚动阴影）
( s7 W. v, _! Y 8-8 书架图书列表实现（组件设计+动态组件应用）
8-9 书架图书列表布局
8-10 书架图书组件开发(单书封面+分类书籍封面实现)
8-11 书架图书组件开发(添加+编辑实现)
- Z/ N, E9 V7 R& u& e. I6 ~9 _ 8-12 书架编辑模式开发
8-13 书架弹出框组件开发
8-14 书架弹出框功能开发（1）
8-15 书架弹出框功能开发（2）
% {. |# H8 t' q3 r+ f9 I 8-16 电子书离线缓存功能开发（1）
2 L" v2 Z0 B! k$ t4 O& V 8-17 电子书离线缓存功能开发（2）
! T* R/ S9 D- }9 B/ u, i  N6 Z' c  y 8-18 电子书缓存删除功能开发
! |6 `7 M5 |# P# S" n) [ 8-19 书架缓存+离线阅读功能开发
/ E1 l, |0 R8 {4 e 8-20 书架分组功能开发
8-21 书架列表过渡动画开发
; X& B& q4 e( X' \0 q 8-22 书架分类列表开发
5 H: ^# q% _7 k5 C! z2 f 8-23 书架分组功能优化
' x' f( G5 a, h) \& [3 Q% g2 A 8-24 书架修改分组功能开发（1）
9 s/ r9 l9 [# X- |8 i" f$ h6 @0 u" [ 8-25 书架修改分组功能开发（2）

) E! w, a2 T8 t6 v) m第9章 听书页面开发
讲解听书页面的开发过程，详细讲解科大讯飞在线语音合成API的对接方法、播放器面板的布局实现、播放器的实现原理和方法。
' W8 [( T0 ^; m( @ 9-1 听书功能介绍
9-2 听书组件集成
9-3 听书组件源码分析
1 q# b5 u! ~* u, Q% S) j 9-4 听书播放器源码分析
9-5 播放器面板源码分析
9-6 听书功能开发要点总结
' F5 W) o5 I* m" i
# X6 y+ C, e' D; n0 b0 ~6 b第10章 项目发布
0 k  V. p4 e+ I利用Node.js开发简单的api，并通过阿里云的ESC进行项目发布，在CentOS操作系统上搭建Nginx服务，将代码上传至Git，通过编写自动化更新脚本实现代码的自动更新与发布。
10-1 Vue项目构建
10-2 功能优化+构建问题处理
" L" Z- c2 {- X& K9 y0 f 10-3 数据库环境准备
! O2 ~  r' m$ ]3 T9 B4 J) u" s; x 10-4 Node.js+express编写API
. d: ~# y8 W( O3 V5 E4 H- P, }  h; ? 10-5 书城首页API开发（1）
1 E2 N/ p/ l+ J, E& ]& Y% G 10-6 书城首页API开发（2）
  p& j* B' H$ D6 A- ]+ [" u1 t 10-7 书城首页前后端API联调（解决CORS跨域）
% o1 A% Q4 h, o# W3 @% i$ s" { 10-8 电子书详情API开发
7 M! z" m- K+ T+ h: m 10-9 电子书列表API开发
4 t- S8 Z7 K% B, n* t0 _1 q 10-10 科大讯飞在线语音合成API对接（上）
2 q" Q' `6 j8 f  ]# C 10-11 科大讯飞在线语音合成API对接（下）
10-12 后端API源码上传git演示
- }/ R5 l, F9 `8 }( t 10-13 阿里云ECS服务器开通
10-14 CentOS Node.js环境搭建
10-15 CentOS Ngnix环境搭建
' C, P: H" w: B  y% e9 ~/ l1 C0 f2 z% C 10-16 CentOS git部署+免密更新
10-17 CentOS 前端项目构建和发布
. d/ s) ]/ w& c. G% D 10-18 CentOS MySQL环境安装
10-19 CentOS 一键部署脚本开发
10-20 阿里云域名注册、解析与备案流程
/ B4 r( f! {: K1 z
" a, }% n1 j7 D/ }1 k2 @9 j" L- y第11章 课程总结
整理回顾与总结课程中的知识点。
) b$ j7 G% m) c7 g. } 11-1 课程总结