. f; A4 N5 i m/ x5 P! ]
3 H% W8 E9 @/ Y( f/ K$ K
〖课程介绍〗
% s0 A# F' Q/ }( [) W运用Vue最新技术开发一个可商用、各项功能完备、媲美原生App的Web阅读应用。在开发中,将各种知识点穿插应用,让你真实感受到一个明星产品开发的全过程,项目对阅读器有着较为深入的研究,对各种复杂功能有从原理到实现的详细教学。同时,项目提供一流的用户体验和交互水准,在实现功能之外带你探究各种优秀前端交互的设计和实现8 R6 S7 }: J+ M6 V
' z5 P2 T8 f* U* ?/ P- L. J: t
〖课程目录〗
/ `" p/ I. D* @3 t0 Q7 E第1章 课程介绍: v1 M* r# `% ^; D3 ?# {5 J* B1 q
介绍阅读器项目背景、功能结构、技术栈和功能演示,快速了解整个课程安排和内容。
% e1 v% ]& J7 D; F; x1-1 导学 试看6 t3 {7 D- X/ M8 h6 A
1-2 课程学习指南+ ^# V& W3 h$ m, L4 W
& i4 b: g' p+ M- g/ |9 X第2章 项目需求及阅读器引擎介绍
! w& U9 c3 ]2 e2 [1 b3 t: x介绍项目需求和阅读器的开发原理,并搭建Node.js和vue-cli 3.0开发环境。2 D- i4 n9 C% q$ }& }
2-1 项目需求分析, Y4 F# e+ G+ l6 l. q( _3 e( }4 j c
2-2 阅读器原理介绍
: h( ? v- ~4 n. O/ ]' B2-3 ePub标准介绍6 O0 R3 t7 j) w/ N, N/ `& g
2-4 epubjs阅读器引擎介绍3 X, f* k4 c2 X5 K8 b
2-5 安装Node.js环境
8 D! ?4 [" J! H( l& q# b1 Z2-6 vue-cli 3.0搭建方法(原型开发)
$ B( j% x3 h" c, S2-7 vue-cli 3.0搭建方法(脚手架创建项目)$ n8 m" J& b% Q( R: S7 ?/ s
2-8 项目技术难点分析$ |' L8 t. M$ u, a
6 Y7 r. p/ m1 k' U& g- p' D7 M
第3章 项目准备. D7 q% F' b5 J. W T+ K3 E4 H
完成项目开发前的准备工作,讲解如何引入字体图标、Web字体、rem、样式重置表,详细介绍vuex的基本原理及mapGetters的实现原理,搭建基于Nginx的静态资源服务器。. I( w! b* I& C
3-1 准备工作说明$ C+ z1 B8 G" b* \6 v& ]/ U! B( L
3-2 字体图标准备: v8 W& }% P+ P, c7 `5 k* E; w
3-3 项目依赖包下载% }9 I5 D, L. v6 K, j9 \$ f" x
3-4 准备Web字体
+ f" s4 ^2 \4 q: l; a0 u0 G- m3 K3-5 viewport配置和rem设置4 K6 p0 e5 z" A9 Z
3-6 global.scss和reset.scss设置
) R2 D& o7 c w% _; p. y3-7 引入vuex+vue-devtools 试看2 y7 ^: J) h6 t2 {+ @ m
3-8 搭建静态资源服务器
. e4 t8 ], f# W2 }$ V5 n$ `* N2 {3 ~. Z+ Z
第4章 阅读器--标题菜单、字号字体及主题设置功能开发. d U2 n9 {' M7 a! y& L, e- N
讲解如何实现阅读器的解析和渲染、手势翻页操作、标题栏和菜单栏组件的解耦,并实现字号字体设置和阅读器全局主题设置功能。
' U/ K) ~- d* p# P8 `2 ]4-1 阅读器需求分析* o5 D2 j$ U8 W7 m6 `) Z, V
4-2 阅读器解析和渲染
7 O4 k; i$ u$ U( [& E; W& \) o; c9 i4-3 阅读器翻页功能实现
0 U. u! f* P6 Z; o' T, d) j( e4-4 标题栏和菜单栏实现: c9 b: X- R" h, k& _- t
4-5 字号设置 UI 实现
2 i X5 c w( d4-6 字号设置功能实现
" w$ w# f% q* @7 X& Y4-7 字体设置功能实现
) y! }9 o- \0 T4-8 字体设置弹窗UI实现
1 ~% J! I! z- H1 Q& `+ Z- V4-9 字体设置弹窗功能实现1 j* ]1 D* i2 T
4-10 字号和字体设置离线存储# ^+ {* s3 |0 D7 Q ^! i4 c. Z& u
4-11 字体设置标题国际化
2 Q/ ^/ x2 g0 {2 \: ^) O4-12 阅读器主题设置功能实现
; {# {6 s6 Z1 Q7 n4-13 全局主题设置功能实现
: m, t/ n5 M+ `- d1 T2 |2 {* U! p4 W- u
第5章 阅读器--阅读进度、目录、全文搜索功能开发- z. F- g3 q0 l( i( J. o
讲解如何实现阅读器的阅读进度、阅读时间统计、章节切换、多级目录展示、全文搜索和目录加载动画。
; u" Z; d/ k% \9 ]) r& e; U5-1 阅读进度功能实现(进度面板+分页逻辑)& [3 z5 w3 O0 h
5-2 阅读进度功能实现(进度拖动功能)& e" z. w0 \" y8 G& I) u
5-3 阅读进度功能实现(上下章节切换功能)
* s# h2 D5 Q: b3 Z9 e4 K5-4 阅读进度功能实现(章节切换和进度同步)5 Y& r. b1 a1 b$ q5 F6 v# }7 U
5-5 阅读进度功能实现(保存阅读进度功能)
- ~6 |% k g( I5 ]0 k! Y- ~5-6 目录功能实现(目录浮出效果)
1 Y0 {6 s+ p/ v a2 `, j5-7 目录功能实现(Tab选项切换和搜索效果)+ @* B" q0 `5 w# p' Y' E( }
5-8 目录功能实现(图书内容布局)3 U+ u2 X2 k& \! ~" T6 x4 A
5-9 目录功能实现(图书内容样式). o0 n3 u) e( q2 ^, S: W7 d
5-10 目录功能实现(目录数据结构开发); w2 A0 Z& a; ]) ?+ {4 J
5-11 目录功能实现(多级目录功能)
% Y+ v" F3 j: ]$ c- A; a. y% p7 @5-12 全文搜索功能实现(搜索算法+数组降维)
; b0 x& p/ g* `) F5-13 全文搜索功能实现 (搜索关键字高亮+搜索结果高亮显示)
1 l- F( P( N4 C1 m% K( B. X/ V' J# L5-14 目录加载动画实现(原理分析+布局实现)3 H1 C2 O/ f# v: L" u4 y: e
5-15 目录加载动画实现(动画效果实现)
4 \8 _0 Z% O) H" z( o- I+ t
. x6 _" z# e0 Y6 o. v1 p, {7 P# T第6章 阅读器--书签功能、页眉页脚及兼容性优化: }+ J* d) }+ u% O
讲解如何实现阅读器的手势操作,详细介绍了复杂手势交互的实现思路及原理,为阅读器加入页眉和页脚,并优化了移动端和PC端兼容性问题,使阅读器可以更好的支持PC端和移动端使用。
, D7 b/ B9 M; {2 r, X6-1 书签手势实现(页面下拉)
) x# G/ C6 x1 \5 B9 e6-2 书签手势实现(书签组件)
/ [9 C% B9 u, u3 V0 y! d6-3 书签手势实现(下拉状态管理)
: ~* W' x+ A- T; m+ z6-4 书签手势实现(书签添加删除交互)
. C; k& U o6 ^0 r0 C6 g, F6-5 EpubCFI原理介绍
8 {5 i, s, N7 `7 |+ V6 f5 B8 {" I$ B6-6 书签功能实现: O/ O/ q3 I" C' R; R, W. b
6-7 页眉和页脚功能实现1 ]0 }! C( T/ t' Y: R* k* H
6-8 阅读模式介绍) I+ @* ?/ J+ ]& ^+ i- p
6-9 微信兼容性调整7 K, u$ Y1 y1 j4 {7 F5 I6 ?
6-10 自适应布局优化(PC端布局优化)
. Z; ~+ M2 C4 |6 a9 j5 _6-11 自适应布局优化(书签支持鼠标事件)
$ P% m' Z9 O4 b6-12 阅读器分页算法实现
4 l/ }8 g# D4 k u& V/ _; Q6-13 阅读器相关知识点总结+ o! m& Z$ v5 ]; Z
, j8 K/ y* a) q
第7章 书城首页、搜索页、列表页和详情页开发
; _1 ?9 d% ?# L& {讲解书城首页、搜索页、列表页和详情页的开发过程,详细介绍首页的推荐动画、标题栏和搜索框的交互动画实现原理,并引入Mock.js实现API数据模拟。
- E, L1 T# I) K0 j+ J; P, Y/ O. n# @7-1 书城开发需求分析. J( c; v, p$ ^3 b
7-2 书城首页开发(框架页面+路由配置)
/ _/ |' O$ E9 Y( ^4 b1 z7-3 书城首页(标题+搜索框布局)
2 s3 a' O, d2 t& c7-4 书城首页(标题+搜索框交互设计分析)" j4 t" g) [$ K, v7 `
7-5 书城首页(标题交互动画实现) 试看
2 u' e5 F8 }( V7-6 书城首页(搜索框交互动画实现)
( F' V& i3 Z/ A7-7 书城首页(热门搜索布局)/ J# {, ?$ l2 Z" X, Y5 S
7-8 书城首页(热门搜索交互)" Q) o( E) A, C& P% h
7-9 书城首页(推荐页面布局)# t3 N) y8 T4 O& |
7-10 书城首页(卡片翻转动画实现)
7 ]* T' v7 r9 l7-11 书城首页(卡片翻转动画重置)
/ A8 O: d2 |% r) @4 I7-12 书城首页(卡片登场keyframes动画讲解)2 y5 l3 V! m7 M$ c+ d( D y) {
7-13 书城首页(烟花动画实现)
" b) W& `2 @% h) p7-14 书城首页(mockjs使用方法讲解)" ^- n! R W& i; D
7-15 书城首页(推荐图书布局+动画)! j0 |9 T2 c1 B. `1 P1 y, R5 I
7-16 书城首页(首页图书布局实现)
B2 N3 | u8 a& R7-17 书城详情页开发
7 r$ t) q. D5 n7-18 书城列表页开发
/ x7 b7 g) E1 G4 g7-19 第七章总结
0 |3 c, m* n8 L5 ?# h! W2 Z4 W4 B+ \ M, t+ A
第8章 书架页面开发! U/ V' @7 d4 _% C; M1 r
讲解书架页面的开发过程,包括:书架数据结构设计、九宫格布局的实现、私密阅读功能实现、离线存储功能实现、分组功能实现、移出书架功能和动画实现。
9 e/ O4 D$ {, g& \! G8-1 书架标题组件布局实现
' w; X1 c" r7 f, g4 g, G7 J! f: k8-2 书架标题组件交互实现
0 [/ M, ~ [" f& d; _8-3 书架搜索框布局实现. L; V/ s6 B/ @4 ]; C+ l4 l7 I
8-4 书架搜索框交互实现(上)
) Q) y2 Z& d* j4 C2 |3 @8 h1 S8-5 书架搜索框交互实现(下)
3 d3 j, A& H( ~$ I# T! k8-6 书架数据结构设计+数据获取. f, ?) U/ g5 b
8-7 书架标题+搜索框样式优化(固定标题+滚动阴影)2 D! l' K! X. c" B, a
8-8 书架图书列表实现(组件设计+动态组件应用): B4 u4 @- t; H$ H# O! x* d4 t
8-9 书架图书列表布局
: l2 \' D; l$ P( p8-10 书架图书组件开发(单书封面+分类书籍封面实现)
/ w5 z6 V- w% [- B7 `/ ^- h( y8-11 书架图书组件开发(添加+编辑实现)
5 S( X) q+ [- R; ]! Q e$ F9 \8-12 书架编辑模式开发
& c# _7 {( ?0 H8-13 书架弹出框组件开发
, B% X% j% H4 t1 v$ J8-14 书架弹出框功能开发(1)
9 {) s" _! `; I5 s/ G8-15 书架弹出框功能开发(2)
& w+ ?( }1 x: M5 r4 } |. `8-16 电子书离线缓存功能开发(1)
8 k: M5 v0 k! b9 ]/ }+ G2 S+ z" l8-17 电子书离线缓存功能开发(2)
1 x* S8 y p5 ?* Z8 H2 [$ K8-18 电子书缓存删除功能开发7 u/ C0 ]; G8 F# H1 a1 }
8-19 书架缓存+离线阅读功能开发
0 @" C; G% D: Z9 v8-20 书架分组功能开发
. h: X& e$ C. E+ W9 n8-21 书架列表过渡动画开发$ |. }: J* u: ^1 F5 P% ~/ k
8-22 书架分类列表开发4 U3 Q$ Z$ m* H4 ~
8-23 书架分组功能优化) i `$ B; o- y6 O! R3 C6 l) G
8-24 书架修改分组功能开发(1)
% @6 m" M {' c" a, X+ r# {8-25 书架修改分组功能开发(2)" q8 _( [/ k: {! F5 U8 J) s' x
% g' o* x3 p& w% s第9章 听书页面开发
% E9 [/ q6 k1 I4 L- R% L- ]' m讲解听书页面的开发过程,详细讲解科大讯飞在线语音合成API的对接方法、播放器面板的布局实现、播放器的实现原理和方法。
" F$ E4 g1 n* G5 R9-1 听书功能介绍
7 Y# _3 a% Y' g6 g6 }) A) t: {' W9-2 听书组件集成
0 r! m1 L2 w# B7 B! B9-3 听书组件源码分析# ?# |& l/ H- g) @# Z4 e
9-4 听书播放器源码分析
, A2 m- _! x+ }! B! O3 g1 x$ Y; P9-5 播放器面板源码分析
( S D6 ^$ g5 g& ?9-6 听书功能开发要点总结
& _2 g% S7 n1 O. _2 h, U* H
; @! F% ] c7 N# m第10章 项目发布2 \8 x# e3 Y# Q) F# N) l) L- x
利用Node.js开发简单的api,并通过阿里云的ESC进行项目发布,在CentOS操作系统上搭建Nginx服务,将代码上传至Git,通过编写自动化更新脚本实现代码的自动更新与发布。9 ?7 K/ \4 I7 T1 ?2 g: i
10-1 Vue项目构建
1 Y. p. C6 W3 I- S1 n1 C0 l10-2 功能优化+构建问题处理* G- H, J5 w% N$ ~( u; l5 b
10-3 数据库环境准备; m# H, O+ H# j' i" s! o" v! q' P
10-4 Node.js+express编写API
2 V3 B& ^0 X+ V! U/ ~10-5 书城首页API开发(1)
1 Z; d1 v1 E2 W9 W& t10-6 书城首页API开发(2). p. `4 v- z1 Z, o+ [
10-7 书城首页前后端API联调(解决CORS跨域)* r* {6 Q6 C' V
10-8 电子书详情API开发
" o- b4 s4 ^3 N# [, c( X% b10-9 电子书列表API开发9 K# i8 l8 t+ G( V1 }
10-10 科大讯飞在线语音合成API对接(上). P4 ?3 H( t6 b/ i2 l) u# w
10-11 科大讯飞在线语音合成API对接(下)
5 t i% C' u' m" C& `. k10-12 后端API源码上传git演示7 f/ M( a6 @7 K) K
10-13 阿里云ECS服务器开通
/ p6 L9 C' V$ B- D" k! p6 Q10-14 CentOS Node.js环境搭建
2 ]0 H8 a/ ?+ C, K! b10-15 CentOS Ngnix环境搭建
5 W& r' O7 K' Y0 G/ Z9 Y10-16 CentOS git部署+免密更新
9 Z, X4 f% l8 ?9 x! e10-17 CentOS 前端项目构建和发布
7 W s: G" {# ?& l( \. _: F# q10-18 CentOS MySQL环境安装6 C l/ x2 q' q& n
10-19 CentOS 一键部署脚本开发/ ^& O+ F3 T; a3 c
10-20 阿里云域名注册、解析与备案流程% [2 C8 h7 \$ C7 D) \% S: A
1 e9 i5 _: \! p( W+ }% ]
第11章 课程总结0 P* }3 _4 M" F& ^% o5 R. I8 \
整理回顾与总结课程中的知识点。
$ j" ?$ I( v- u& l. `% c11-1 课程总结5 x0 x4 |& b+ ^2 b% C
* w' Y- m% Z3 R* j〖下载地址〗) H# R. B; a6 y" V
4 x" o9 |: w! @( W7 `' B% F
, I6 J. S( j6 c/ E----------------华丽分割线-------------------------华丽分割线-----------------------华丽分割线-------------& t$ Z9 o& U! D% j4 R% P
, b3 b+ J& D" F' ]
〖下载地址失效反馈〗
1 v4 p+ O0 E9 n6 {/ U) e9 l如果下载地址失效,请尽快反馈给我们,我们尽快修复。请加QQ邮箱留言:2230304070@qq.com3 Z+ `# w, ]! K( Y u. n
8 A' n9 q3 L6 f* N6 }/ a〖升级为终身会员免金币下载全站资源〗5 D# e, ?- @& R* p7 B8 S7 m2 t
全站资源高清无密,每天更新,vip特权了解一下:http://www.mano100.cn/rjyfk_url-url.html
0 q- y+ m& ]2 y* [+ t$ m8 R% S
〖客服24小时咨询〗; @2 [4 {- P/ g; H9 f$ O
有任何问题,请点击右侧QQ邮箱:2230304070@qq.com 咨询。
/ ^6 z: I1 Q* f+ [+ i8 w8 a/ r
8 H1 Q/ G9 S, T- @) e* U ^8 B |
|