, G2 g( {& \3 Q
: [9 C2 L; Z' ]〖课程介绍〗% w* J' P4 e0 a ?6 K9 u" ]
运用Vue最新技术开发一个可商用、各项功能完备、媲美原生App的Web阅读应用。在开发中,将各种知识点穿插应用,让你真实感受到一个明星产品开发的全过程,项目对阅读器有着较为深入的研究,对各种复杂功能有从原理到实现的详细教学。同时,项目提供一流的用户体验和交互水准,在实现功能之外带你探究各种优秀前端交互的设计和实现
4 ^3 G7 E& y) ]* a
{" l# C5 d2 a3 H% p% X〖课程目录〗$ B: R2 ~ r% f( A
第1章 课程介绍
+ @9 I+ `0 Y3 B: j' l+ [介绍阅读器项目背景、功能结构、技术栈和功能演示,快速了解整个课程安排和内容。
: h) w6 _1 o& q" n# q9 U, Y6 A1-1 导学 试看
* U! X3 t+ e7 O$ l6 L1-2 课程学习指南9 Y0 e/ B; n1 c; {# s
$ x4 {0 o- f, g3 z
第2章 项目需求及阅读器引擎介绍
8 R: ?) k# N- m" o5 ^; _/ V1 C介绍项目需求和阅读器的开发原理,并搭建Node.js和vue-cli 3.0开发环境。
4 s4 G7 D# g; y, @" S- W2 D2 ?% u2-1 项目需求分析8 A) R- z N3 ?4 P. }5 r, V
2-2 阅读器原理介绍 {; A9 r, Y: O0 u: I
2-3 ePub标准介绍* ]& p( V1 `. h% k4 u; V
2-4 epubjs阅读器引擎介绍
* ^% i5 ^! b4 U, H2 t' n* A2-5 安装Node.js环境+ m, P7 M0 V7 c
2-6 vue-cli 3.0搭建方法(原型开发)0 C- \- U3 k( [3 k5 [" y
2-7 vue-cli 3.0搭建方法(脚手架创建项目)* K# \9 z# w1 z, v0 e
2-8 项目技术难点分析
8 W, @. ^+ v- M. Q8 L; K$ A) T
第3章 项目准备
, X; D1 o3 N# Q& C2 O% R8 S+ W完成项目开发前的准备工作,讲解如何引入字体图标、Web字体、rem、样式重置表,详细介绍vuex的基本原理及mapGetters的实现原理,搭建基于Nginx的静态资源服务器。
* c# h1 V; J# S3-1 准备工作说明
: [" ?( ^4 _: P' d- @3-2 字体图标准备
. ]7 G. J2 K3 b3-3 项目依赖包下载
# z1 U$ G! n$ z5 [( H3-4 准备Web字体
' p2 V% S) ?( |4 @5 O$ [3-5 viewport配置和rem设置
# n ?& j9 `1 r7 X; o0 v: M3-6 global.scss和reset.scss设置
/ N0 x3 o8 D% ^3-7 引入vuex+vue-devtools 试看
% d* A$ ~& ~' D% A% T3-8 搭建静态资源服务器
* {4 @5 o' A& M7 H
& @- ]5 M/ F+ Y& d第4章 阅读器--标题菜单、字号字体及主题设置功能开发4 }7 x, j w) J( ]7 w- r; k: Y
讲解如何实现阅读器的解析和渲染、手势翻页操作、标题栏和菜单栏组件的解耦,并实现字号字体设置和阅读器全局主题设置功能。0 u5 ~4 u- \8 q) b$ e+ n
4-1 阅读器需求分析
1 _ N T% r0 i6 _$ v4-2 阅读器解析和渲染
- w3 h+ q% y# P- O) l5 [& ~; P4-3 阅读器翻页功能实现
1 q. E8 r ?- O# s4-4 标题栏和菜单栏实现
9 h! k4 s: T. G7 I/ E! {0 B4-5 字号设置 UI 实现- N: l) x) ? D
4-6 字号设置功能实现
M; L$ w& w! l( g; l4-7 字体设置功能实现
' A8 N2 j9 O! j7 O" ^# U4-8 字体设置弹窗UI实现
; S* v- [! X: Q5 l4-9 字体设置弹窗功能实现! y$ a3 `( ~2 _2 Q* Y$ [1 ~
4-10 字号和字体设置离线存储5 u4 i1 W( W6 i/ a
4-11 字体设置标题国际化
: d7 G2 L, W4 }. H4-12 阅读器主题设置功能实现
5 {, B* H5 R; P/ c' |( C& ?4-13 全局主题设置功能实现
: Z6 F6 x/ N, b3 n/ w+ M9 }
' I+ z2 o6 q* Z6 @# {第5章 阅读器--阅读进度、目录、全文搜索功能开发" Q9 e2 K' W. [7 p
讲解如何实现阅读器的阅读进度、阅读时间统计、章节切换、多级目录展示、全文搜索和目录加载动画。
* A, R. Q' C; N+ t Y, f& g2 x5-1 阅读进度功能实现(进度面板+分页逻辑)# o: }( S8 a$ o* @3 P" _- _
5-2 阅读进度功能实现(进度拖动功能)
- _- x0 |+ V u1 j% j5-3 阅读进度功能实现(上下章节切换功能)# j/ W8 A2 m( A0 y( m8 n9 O i
5-4 阅读进度功能实现(章节切换和进度同步)
, I* ~8 k* _3 ?5-5 阅读进度功能实现(保存阅读进度功能)
8 |' ?" h& A) [5 P! g5 z5-6 目录功能实现(目录浮出效果)4 o4 o5 F M3 U! ^' I& [6 ]+ A! i
5-7 目录功能实现(Tab选项切换和搜索效果)
6 J( A& Z: Z: e* n2 b+ W1 m) l5-8 目录功能实现(图书内容布局)1 d+ |* H$ u0 t( D7 V
5-9 目录功能实现(图书内容样式)" \/ g' [( y& l% _0 a! p) }
5-10 目录功能实现(目录数据结构开发)& V: j# e' `& t U, x
5-11 目录功能实现(多级目录功能)( U1 }8 U( _; u1 s8 Y
5-12 全文搜索功能实现(搜索算法+数组降维)
: l3 x" W5 Z( L7 X" m! l+ o5-13 全文搜索功能实现 (搜索关键字高亮+搜索结果高亮显示)" N: Y, X" q( ~& e6 N
5-14 目录加载动画实现(原理分析+布局实现)
* e; _6 W2 @8 B0 M3 K) W$ n$ U' y5-15 目录加载动画实现(动画效果实现)
. r: E/ g6 x) T! z2 w6 Y* [
9 H% N7 L9 p1 ?第6章 阅读器--书签功能、页眉页脚及兼容性优化$ K9 r6 |2 ?$ }6 U8 t6 f# Q/ F
讲解如何实现阅读器的手势操作,详细介绍了复杂手势交互的实现思路及原理,为阅读器加入页眉和页脚,并优化了移动端和PC端兼容性问题,使阅读器可以更好的支持PC端和移动端使用。9 M7 H: c6 l5 x @' t7 r
6-1 书签手势实现(页面下拉): e0 f4 J' a" P8 E" b) u
6-2 书签手势实现(书签组件)( w c$ m# \$ X/ A
6-3 书签手势实现(下拉状态管理)
. B# L/ O4 R0 {* X6-4 书签手势实现(书签添加删除交互)# X4 I& L0 T/ f Y# z O* G6 b
6-5 EpubCFI原理介绍6 k3 P% v6 f1 F3 i: L: U# D! M
6-6 书签功能实现
5 K8 N g! u3 H5 A6-7 页眉和页脚功能实现
* i+ i) ?0 K! X6-8 阅读模式介绍
# ~9 y. N& E; c6-9 微信兼容性调整3 b6 J: R$ Q& t2 ]
6-10 自适应布局优化(PC端布局优化)
( B! L; h- w% ]' X! ~ E {5 [6-11 自适应布局优化(书签支持鼠标事件)
2 _9 Z4 U) @8 P' u" E6-12 阅读器分页算法实现# W4 V: n0 c7 R. d
6-13 阅读器相关知识点总结7 K3 ?, a. J! {3 c5 G! v* @3 l4 q
7 A- |: E9 d# U+ r2 x! M4 I第7章 书城首页、搜索页、列表页和详情页开发! v! b2 e8 P' Z7 h
讲解书城首页、搜索页、列表页和详情页的开发过程,详细介绍首页的推荐动画、标题栏和搜索框的交互动画实现原理,并引入Mock.js实现API数据模拟。( u& o$ F- k" b3 C4 K6 U9 k
7-1 书城开发需求分析+ G5 j6 s$ {6 T* q
7-2 书城首页开发(框架页面+路由配置)
) H* x% n( ^7 _, B7-3 书城首页(标题+搜索框布局)
; {: y0 r3 t+ P& Y7-4 书城首页(标题+搜索框交互设计分析)2 O8 H7 x$ ?: b$ G
7-5 书城首页(标题交互动画实现) 试看
; M, V, y: U) o9 x7 z7-6 书城首页(搜索框交互动画实现)' Q3 C9 h: a6 {6 x
7-7 书城首页(热门搜索布局)
/ J" q1 `, i0 N3 o7-8 书城首页(热门搜索交互)
! p5 _! ~6 t4 f, E7-9 书城首页(推荐页面布局)
# Q; b1 @7 `0 y( [3 h0 U7-10 书城首页(卡片翻转动画实现)# f9 i% |+ l' ^
7-11 书城首页(卡片翻转动画重置)
9 C1 K4 D9 C1 `! f6 e8 n' v" s" g7-12 书城首页(卡片登场keyframes动画讲解)
: T' e' k5 s5 C7 O4 d/ h7-13 书城首页(烟花动画实现)% @% Z. N" W, K1 K, n! ^, z
7-14 书城首页(mockjs使用方法讲解)
) ^# _" r, |" t% [2 d1 S7-15 书城首页(推荐图书布局+动画)
0 B$ d* m) ^/ f/ S+ |2 k7-16 书城首页(首页图书布局实现)
/ x2 z: P# X8 ]0 V4 n7-17 书城详情页开发) f5 X, k4 y6 e( x
7-18 书城列表页开发
$ j4 M* I$ g1 o. q. K7-19 第七章总结
- |* E! w" e- U# }- u
& L" D+ e; ~4 _% p; \第8章 书架页面开发. k/ k$ E; ~+ i% f% t0 D
讲解书架页面的开发过程,包括:书架数据结构设计、九宫格布局的实现、私密阅读功能实现、离线存储功能实现、分组功能实现、移出书架功能和动画实现。
$ X, l9 U4 k0 F$ H8-1 书架标题组件布局实现. t9 K% e: _+ u. u I3 |, V! i" R
8-2 书架标题组件交互实现
; k; C" W$ E8 S/ o; h( p2 g8-3 书架搜索框布局实现8 X; P1 ]7 k4 z! }6 M
8-4 书架搜索框交互实现(上)/ a6 B$ b# j+ w2 U0 h ~
8-5 书架搜索框交互实现(下)% ^+ Q1 N2 d3 I3 R9 p( d# Z/ i
8-6 书架数据结构设计+数据获取8 X3 a7 A) X) O% @5 |
8-7 书架标题+搜索框样式优化(固定标题+滚动阴影). J* _ g' Q3 W. C3 T' d% s
8-8 书架图书列表实现(组件设计+动态组件应用)3 G* c4 C! }8 I- r/ T2 S+ A$ `% ?
8-9 书架图书列表布局
1 Y" S6 d+ c/ C3 l8-10 书架图书组件开发(单书封面+分类书籍封面实现)
( e& J% R' b. W% S' M8-11 书架图书组件开发(添加+编辑实现)
" G9 \1 ^5 C3 r8 ]8-12 书架编辑模式开发
9 R7 c6 R; Q* H+ B2 A6 ~ c8-13 书架弹出框组件开发
- H: V, S9 e- ?$ \9 h ]5 d( R8-14 书架弹出框功能开发(1)
& q P3 |4 n# x1 G* o- q8-15 书架弹出框功能开发(2)
9 B4 a8 J E0 O8 @$ G2 {' a8-16 电子书离线缓存功能开发(1)
- O0 v1 S ?5 S8 j' {( g8-17 电子书离线缓存功能开发(2)' H- E' P4 R, \* }7 K X
8-18 电子书缓存删除功能开发! u6 U7 t7 c4 U$ Y
8-19 书架缓存+离线阅读功能开发" r7 e7 f' l8 C# K6 e J
8-20 书架分组功能开发
! U0 p0 T( G& O; b% R; b& V8 ~8-21 书架列表过渡动画开发: n9 O0 T4 t" A u! Q" t( K
8-22 书架分类列表开发 g7 ~; ~& S: M0 x( ?
8-23 书架分组功能优化
+ P1 `! }* F( ^9 m. W8-24 书架修改分组功能开发(1)- s0 }0 e. T3 \% T- G) Q' r5 S
8-25 书架修改分组功能开发(2)
% }9 d7 u% D' W' B, N/ f$ }$ b$ b. U, z
第9章 听书页面开发
" t& \' {; X$ K1 h0 d/ d讲解听书页面的开发过程,详细讲解科大讯飞在线语音合成API的对接方法、播放器面板的布局实现、播放器的实现原理和方法。
- M0 t% ~' K, A& F/ w9-1 听书功能介绍5 _# U, H/ [4 J5 F& O
9-2 听书组件集成# W$ D8 Z6 G' i! Z& x* v
9-3 听书组件源码分析
- D( X& O* d: ^5 n1 d8 T, G @4 G% C9-4 听书播放器源码分析5 T T! n* X3 Q. S. _4 p/ ^
9-5 播放器面板源码分析
* H3 q' w- M2 a/ V6 k9-6 听书功能开发要点总结0 n5 {' k# l9 L' {, Y" g- Y
8 l0 W- S& _, ^第10章 项目发布
& b$ }4 J$ Q* E利用Node.js开发简单的api,并通过阿里云的ESC进行项目发布,在CentOS操作系统上搭建Nginx服务,将代码上传至Git,通过编写自动化更新脚本实现代码的自动更新与发布。& a/ d o0 `: O' ?8 M3 I! e# ?
10-1 Vue项目构建
) h2 `! m# S1 n" o G10-2 功能优化+构建问题处理
( q$ |. s4 H8 e5 y) f* Q G7 o10-3 数据库环境准备" ` n/ i- U+ q; |3 Y" {
10-4 Node.js+express编写API
' M% C% `. V# a5 W: P: A# t10-5 书城首页API开发(1)
" c; W3 z) p% C9 k8 H) A10-6 书城首页API开发(2)
; f5 p( `/ F& K' ~' }9 {6 V3 M10-7 书城首页前后端API联调(解决CORS跨域)# @) C% r! q+ @* C( C! ?
10-8 电子书详情API开发
: ]7 S9 V/ \4 f5 P$ b) K* q10-9 电子书列表API开发
% R3 `6 J" X- H10-10 科大讯飞在线语音合成API对接(上)/ j" i0 I7 `/ Z6 Z3 P
10-11 科大讯飞在线语音合成API对接(下). ]9 e: ^( r9 _. \0 M
10-12 后端API源码上传git演示
% `( @/ D0 s$ W1 |10-13 阿里云ECS服务器开通: I$ } y& A% {
10-14 CentOS Node.js环境搭建6 v) c6 T! B6 e' y! I( [
10-15 CentOS Ngnix环境搭建
) F6 v6 y. V" Z: M10-16 CentOS git部署+免密更新$ r/ m2 o$ I$ e' ^; v6 p
10-17 CentOS 前端项目构建和发布
: l. f% ~ m+ l10-18 CentOS MySQL环境安装
% u2 E7 X( t% Q6 g# I$ n10-19 CentOS 一键部署脚本开发
# u4 Q% B0 O) d9 d10-20 阿里云域名注册、解析与备案流程 w8 d& e% B4 D( h3 t
# b5 N5 P4 U/ |) L& H" y第11章 课程总结
* b0 ^4 g+ h$ n6 F0 s整理回顾与总结课程中的知识点。9 [: K! W& C/ \2 k0 U, I9 H
11-1 课程总结6 S# {4 R: J) } T2 Z5 M
( E0 }" o' i C& u& Y- ]$ ]: j0 J5 R* y〖下载地址〗
& ]8 }* \8 C' d$ A w4 F, z0 p$ S4 b7 E# D" c2 \
- c6 G2 A9 A% x; C8 T----------------华丽分割线-------------------------华丽分割线-----------------------华丽分割线------------- W9 J/ b2 D9 t3 n& v! g) L: s
' h6 Y; U7 Z2 S$ f
〖下载地址失效反馈〗5 O: F# Q. m0 S
如果下载地址失效,请尽快反馈给我们,我们尽快修复。请加QQ邮箱留言:2230304070@qq.com
1 W# I0 M, x7 H6 z
4 t: B: }: Y2 W4 `0 L. e8 q〖升级为终身会员免金币下载全站资源〗
! G; Z+ i4 t- J" c# `全站资源高清无密,每天更新,vip特权了解一下:http://www.mano100.cn/rjyfk_url-url.html2 I& h$ |+ r2 t$ j5 _6 \
, J' _' Y- W- b+ y" K〖客服24小时咨询〗
4 g8 O8 E3 C" X2 u6 |5 ^8 o' C有任何问题,请点击右侧QQ邮箱:2230304070@qq.com 咨询。+ m+ r2 {9 D0 j- @5 k% }
- j1 l) T6 g. Y3 S$ F X |
|