/ B$ H" g E) t+ n0 k4 v/ p" e4 W
; D/ I/ ^+ p2 W: p) T〖课程介绍〗1 g! {" ~9 h& x/ s2 o1 o, |
运用Vue最新技术开发一个可商用、各项功能完备、媲美原生App的Web阅读应用。在开发中,将各种知识点穿插应用,让你真实感受到一个明星产品开发的全过程,项目对阅读器有着较为深入的研究,对各种复杂功能有从原理到实现的详细教学。同时,项目提供一流的用户体验和交互水准,在实现功能之外带你探究各种优秀前端交互的设计和实现( M9 c- b% b5 c
; p, f! J$ W6 ]$ h〖课程目录〗
& y& h; j" r+ a! \第1章 课程介绍
( j# G8 G/ T" N" b+ E, y- ?* @. c介绍阅读器项目背景、功能结构、技术栈和功能演示,快速了解整个课程安排和内容。
5 C2 p: T0 O% ~5 a2 J1-1 导学 试看; R$ Z$ U% D; V/ f$ x4 D# c1 k& X
1-2 课程学习指南: I' |" o) O3 ?3 F. V! \
1 i a k) q) C9 m/ W第2章 项目需求及阅读器引擎介绍+ l1 I$ ] [/ s5 n8 p
介绍项目需求和阅读器的开发原理,并搭建Node.js和vue-cli 3.0开发环境。
3 G J) k' p$ s2-1 项目需求分析; n1 z& r3 R% u7 A1 ?0 c
2-2 阅读器原理介绍
1 K2 j. K& f- L( i2-3 ePub标准介绍
p2 X- \! r- w4 R$ n6 B2-4 epubjs阅读器引擎介绍9 J- H% H% T% Y7 V, k
2-5 安装Node.js环境
! k9 c$ ?" V6 g6 M2-6 vue-cli 3.0搭建方法(原型开发)
/ f$ j/ E6 j. g* y; ~2-7 vue-cli 3.0搭建方法(脚手架创建项目)1 U0 G6 n1 ^" _' |
2-8 项目技术难点分析
' u9 @6 v- H# p7 D$ z9 D x
9 F; n9 w1 q# ` [8 o. u7 O5 O! C第3章 项目准备" F1 D0 i6 T% H# }' M Z; P
完成项目开发前的准备工作,讲解如何引入字体图标、Web字体、rem、样式重置表,详细介绍vuex的基本原理及mapGetters的实现原理,搭建基于Nginx的静态资源服务器。
1 T3 d/ j3 P, V) g( P' I3-1 准备工作说明
% Q& D) G2 z; L/ _3-2 字体图标准备+ i" Q1 z6 q" D9 @3 a
3-3 项目依赖包下载
: n5 W6 c6 P( ], ~3 U/ M2 O3-4 准备Web字体
# K5 b% E% g+ P. u4 J3-5 viewport配置和rem设置
5 _% e5 u2 K& k4 ]4 q% D3-6 global.scss和reset.scss设置" e+ i0 m, P' B/ z; B, [
3-7 引入vuex+vue-devtools 试看
7 I, U$ X' [4 t0 g3-8 搭建静态资源服务器! a& s# ~- H6 b! |/ q* c
3 W. G8 }0 M4 g
第4章 阅读器--标题菜单、字号字体及主题设置功能开发. Q9 d" [8 x$ A, C* D
讲解如何实现阅读器的解析和渲染、手势翻页操作、标题栏和菜单栏组件的解耦,并实现字号字体设置和阅读器全局主题设置功能。6 Z, n- k% W7 e; D& b
4-1 阅读器需求分析/ a4 v; q1 m6 Q' w, A- H
4-2 阅读器解析和渲染
9 }6 N3 `- _( p0 F' ^; [4-3 阅读器翻页功能实现# c; c3 o- U Q' k
4-4 标题栏和菜单栏实现; ?5 ?9 i+ A) E+ M: s3 J# j, L
4-5 字号设置 UI 实现! l9 L- F& M3 l
4-6 字号设置功能实现
, ~4 ^1 q: N' @! T$ r0 K0 @* b4-7 字体设置功能实现1 z9 y$ l1 n) @4 S, T
4-8 字体设置弹窗UI实现: p1 L, G! S2 B4 A7 B% z
4-9 字体设置弹窗功能实现5 _% M+ w8 J3 Q! T
4-10 字号和字体设置离线存储5 n) C a6 ?% ~. z% k
4-11 字体设置标题国际化1 s1 Z4 ^, [' M$ O& E
4-12 阅读器主题设置功能实现* ?2 C) w. C. B! {0 W* ?
4-13 全局主题设置功能实现' F7 e5 L5 |% U) B9 M' `
0 }& {3 {! n: d
第5章 阅读器--阅读进度、目录、全文搜索功能开发! m5 t# U+ }* `$ a$ T0 R
讲解如何实现阅读器的阅读进度、阅读时间统计、章节切换、多级目录展示、全文搜索和目录加载动画。% x; B& m; |7 Y( H1 [
5-1 阅读进度功能实现(进度面板+分页逻辑)
* ]% W x4 t7 u) s5-2 阅读进度功能实现(进度拖动功能)
% h) R2 R# p k* \5-3 阅读进度功能实现(上下章节切换功能)& z$ }, d5 o3 {5 O0 J4 m/ z
5-4 阅读进度功能实现(章节切换和进度同步)
1 z3 E: m, y6 D3 B/ @8 _, n7 C4 [5-5 阅读进度功能实现(保存阅读进度功能)
0 `: M' h* }0 E6 O6 C8 o5-6 目录功能实现(目录浮出效果)# g; C6 x* p9 E4 a" M0 _
5-7 目录功能实现(Tab选项切换和搜索效果)
, U8 j+ X6 `- l( [" Z/ k' G7 g5-8 目录功能实现(图书内容布局)
. m) R" r% T1 m; K5-9 目录功能实现(图书内容样式)
$ i, F0 F% J2 B5-10 目录功能实现(目录数据结构开发)
: O B; X; J* D5 r& x' Y( k! `5-11 目录功能实现(多级目录功能)
$ l2 W4 h7 {7 u- _5 E! ]5-12 全文搜索功能实现(搜索算法+数组降维)
. v8 z' ?8 ?" z0 T6 U- D5-13 全文搜索功能实现 (搜索关键字高亮+搜索结果高亮显示)/ R, t, _9 E: x- p/ C1 s
5-14 目录加载动画实现(原理分析+布局实现)
4 C" [, z( H/ U+ K- u# ~4 Z/ I5-15 目录加载动画实现(动画效果实现)
8 x- `+ m' u7 }
/ H. K Q' Q1 {: o第6章 阅读器--书签功能、页眉页脚及兼容性优化4 J; t4 H! {: G5 x
讲解如何实现阅读器的手势操作,详细介绍了复杂手势交互的实现思路及原理,为阅读器加入页眉和页脚,并优化了移动端和PC端兼容性问题,使阅读器可以更好的支持PC端和移动端使用。
" Z9 y. ]3 s& P: b9 }- ^! }6 A7 K6-1 书签手势实现(页面下拉)
, ^: ?$ X( t4 A6-2 书签手势实现(书签组件)
, B: Q! G! I0 ~- m1 Y6-3 书签手势实现(下拉状态管理)3 d2 p- y( A- R. T$ j4 C+ E
6-4 书签手势实现(书签添加删除交互)
7 |$ P3 v& V# Y$ @8 D _& e6-5 EpubCFI原理介绍% R) a7 [& Q7 m6 p1 n( [
6-6 书签功能实现
- N- J# s+ [9 V8 j8 y) Q: P6-7 页眉和页脚功能实现
* g+ c2 `* K( u# ^- d( _4 D0 u: C6-8 阅读模式介绍
% e B: f+ ~* O/ L. o" }: B+ }6-9 微信兼容性调整3 h P$ I3 s6 a' u1 l# U, [1 c
6-10 自适应布局优化(PC端布局优化)3 G5 P$ W/ L5 U* r6 p; x3 Z
6-11 自适应布局优化(书签支持鼠标事件)
' T2 x2 Z: d* [7 ^6-12 阅读器分页算法实现
# t8 G: x& W' @( T4 ^) m6-13 阅读器相关知识点总结7 `6 I' P, S+ Z* W% g
( r4 O d) s# n1 S& R0 _! a第7章 书城首页、搜索页、列表页和详情页开发
7 A! c X$ n4 v1 e4 U0 ?) G讲解书城首页、搜索页、列表页和详情页的开发过程,详细介绍首页的推荐动画、标题栏和搜索框的交互动画实现原理,并引入Mock.js实现API数据模拟。
% X* O" k' U; i9 j# r. D, `+ {7-1 书城开发需求分析
" h" L8 c+ s/ k7 B7-2 书城首页开发(框架页面+路由配置)
5 I1 X7 B# I1 s; j0 _( S: a7-3 书城首页(标题+搜索框布局)
* p0 x7 `- l* u4 j" u* e, y% ~7-4 书城首页(标题+搜索框交互设计分析)
9 E9 N% m, N% F7-5 书城首页(标题交互动画实现) 试看
5 _, q7 e+ i! `9 c7-6 书城首页(搜索框交互动画实现)4 |; z& m# j/ j1 A b2 U$ a* c
7-7 书城首页(热门搜索布局)* p5 n* Q t$ l3 n3 p s6 A
7-8 书城首页(热门搜索交互)0 I. M; c4 j) K( `/ K) |- r3 z
7-9 书城首页(推荐页面布局)4 I* ]2 Y+ o) ~/ Q% [
7-10 书城首页(卡片翻转动画实现)/ t" q: c9 @6 W- c+ k
7-11 书城首页(卡片翻转动画重置)
' R5 Q7 O# f/ P* @6 q+ G4 @7-12 书城首页(卡片登场keyframes动画讲解)/ t/ v& i' F+ o
7-13 书城首页(烟花动画实现)8 E; ?$ R2 o- }* r7 f# u1 P
7-14 书城首页(mockjs使用方法讲解)( v3 @! q$ ?7 R" M8 x) N
7-15 书城首页(推荐图书布局+动画)8 x: j3 G6 ?) c2 U
7-16 书城首页(首页图书布局实现)' g) Y: b) M7 K1 @7 D4 ^
7-17 书城详情页开发
- A! I9 N, i, }% E7-18 书城列表页开发1 O3 E; Y! V' ~0 E4 [4 L+ l
7-19 第七章总结 p" F; E$ } E
8 ^! s* R9 W6 f# g7 E第8章 书架页面开发+ ^* Y0 P/ J8 K6 g% I3 B' m
讲解书架页面的开发过程,包括:书架数据结构设计、九宫格布局的实现、私密阅读功能实现、离线存储功能实现、分组功能实现、移出书架功能和动画实现。- _7 W1 D) y$ c% L
8-1 书架标题组件布局实现
. n9 ~( r0 r+ ^( a, W& q8-2 书架标题组件交互实现
% k6 ~: k' ?+ n3 \2 _8-3 书架搜索框布局实现
6 p) z2 X5 u% O8 O8 Z$ u% J8-4 书架搜索框交互实现(上)
( d9 Q% `: {* j8-5 书架搜索框交互实现(下)5 S4 A$ \) k: q) U
8-6 书架数据结构设计+数据获取3 i0 h% L1 U% V0 o; P" u
8-7 书架标题+搜索框样式优化(固定标题+滚动阴影)
/ v* V6 h, B! V3 x8 s7 s8-8 书架图书列表实现(组件设计+动态组件应用)
$ f6 S; T( N" C% D4 x" y g8-9 书架图书列表布局5 T" k% S( s f, j! @* k$ m
8-10 书架图书组件开发(单书封面+分类书籍封面实现)( |: L+ e& X4 S7 ]; q& f) x$ q
8-11 书架图书组件开发(添加+编辑实现)% A% V3 f. {+ j
8-12 书架编辑模式开发5 w1 @$ L; A# D/ ~$ v
8-13 书架弹出框组件开发' }- ?$ O. I: \; t* l
8-14 书架弹出框功能开发(1)+ c9 t( W7 O3 X/ D; w
8-15 书架弹出框功能开发(2)% H. D2 D9 p0 B# F. E0 a
8-16 电子书离线缓存功能开发(1)% b( K2 N) L# C3 J& t
8-17 电子书离线缓存功能开发(2)
' ~# m/ ~. @8 n6 ]4 q! c$ U S" q. j8-18 电子书缓存删除功能开发
2 T% P" Q( L3 y; j% V' q2 ^! H8-19 书架缓存+离线阅读功能开发
2 f+ y7 q+ o* W6 I8-20 书架分组功能开发
$ \/ X& A; U6 h& }, Z( J8-21 书架列表过渡动画开发. f' @2 \( |0 d* p9 d! z
8-22 书架分类列表开发" D; z* D6 @- v3 t* v" g
8-23 书架分组功能优化9 v" P3 T k) {! L
8-24 书架修改分组功能开发(1)
u" F! M! s. }7 Q8-25 书架修改分组功能开发(2)
1 L9 r7 r7 {9 e. u! x5 K7 u8 B4 r! u: L6 }9 U# @! i# n) ]. [- r+ J2 T
第9章 听书页面开发
1 _. N8 J/ D9 d0 r0 s讲解听书页面的开发过程,详细讲解科大讯飞在线语音合成API的对接方法、播放器面板的布局实现、播放器的实现原理和方法。+ s' h1 _! h% H! k
9-1 听书功能介绍
: x& ]$ k& U) K) v9 Q9-2 听书组件集成
! W5 s' o7 `, D8 _4 R, t9-3 听书组件源码分析
( V* B& L! F" H$ E5 K. x9-4 听书播放器源码分析6 ^3 {2 I6 U7 K( ^/ a
9-5 播放器面板源码分析
! H% d! t1 ?- {3 K3 b9-6 听书功能开发要点总结
& y1 w; X2 K7 c0 d' d- r) m8 n& L8 B
第10章 项目发布7 |! N! R: o9 V. s
利用Node.js开发简单的api,并通过阿里云的ESC进行项目发布,在CentOS操作系统上搭建Nginx服务,将代码上传至Git,通过编写自动化更新脚本实现代码的自动更新与发布。
8 q4 r& |1 ?5 @, K! Q/ E# m10-1 Vue项目构建9 @' E4 S6 A# C: ?) O- r$ L4 j
10-2 功能优化+构建问题处理
/ G5 H* T1 A: L/ ]( g' ^- k* L10-3 数据库环境准备' }* o1 C. _% d) l% E
10-4 Node.js+express编写API! J! r {$ D6 n% X5 U$ T
10-5 书城首页API开发(1)( {3 u; e7 c! `- X, I4 b
10-6 书城首页API开发(2)! T- Y/ T( c n. m& J' X. u
10-7 书城首页前后端API联调(解决CORS跨域)0 E) u# e0 q' y h' w: t
10-8 电子书详情API开发, w) u2 J" d! l1 i" ~, y
10-9 电子书列表API开发' R# r6 g8 b) n/ r# G1 ?% l( C% Q
10-10 科大讯飞在线语音合成API对接(上)
$ @1 a8 b5 O) {0 ~9 h10-11 科大讯飞在线语音合成API对接(下)
T! h0 r' w* [3 m" a( W A10-12 后端API源码上传git演示
$ D3 w( f3 y' k2 ]# _5 y- p10-13 阿里云ECS服务器开通0 ]- O: @/ x& i8 A4 x& Z) O
10-14 CentOS Node.js环境搭建/ y( |' e4 |- \& C4 S; |9 V. B, E; ~; p
10-15 CentOS Ngnix环境搭建5 O0 Y* n% G7 U' G
10-16 CentOS git部署+免密更新
! |- \# m( K. n. f; b10-17 CentOS 前端项目构建和发布
( I* I4 M+ R; H# X, X; S U10-18 CentOS MySQL环境安装% x( Y! X5 Y; a4 A" P* N
10-19 CentOS 一键部署脚本开发* a% u" _( v5 `- U- F" b7 H/ {
10-20 阿里云域名注册、解析与备案流程" F5 \+ N$ G# O- j% E; C! M. W
1 b! o( x9 `3 f8 p7 `
第11章 课程总结% ?* B* l6 k! u0 J z- W! S. L
整理回顾与总结课程中的知识点。6 L u6 c* ^$ q
11-1 课程总结
* ?: l' ?! ~% Z3 o3 R+ A, w9 J7 ?# x) K& g: v
〖下载地址〗: N8 ~" K/ g8 i' u: }
' {: |6 \. {5 o5 Q w) w: ?! `: R6 k1 G0 \
----------------华丽分割线-------------------------华丽分割线-----------------------华丽分割线-------------1 G3 J! D9 H% W* b* u
+ d6 J1 i/ J3 A" K" r〖下载地址失效反馈〗
& c3 Z% L# L# `7 @2 K. T如果下载地址失效,请尽快反馈给我们,我们尽快修复。请加QQ邮箱留言:2230304070@qq.com# N! h9 h- ^$ u* L; b2 E
& r9 e( p6 G( G$ P, f& U h# ?. D( F$ M
〖升级为终身会员免金币下载全站资源〗
; S' l: t* ~0 o全站资源高清无密,每天更新,vip特权了解一下:http://www.mano100.cn/rjyfk_url-url.html
9 p K: c& Z l1 q4 Z5 B' [( I1 p
; `7 N. g1 b0 a# L1 @$ `〖客服24小时咨询〗
. j2 `6 ]6 {) I. D5 z3 [ d; X+ ^有任何问题,请点击右侧QQ邮箱:2230304070@qq.com 咨询。- h4 W9 v6 g$ q" ~
; J8 y' n1 d" N+ P j& q# q
|
|