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

第1章 课程介绍
介绍阅读器项目背景、功能结构、技术栈和功能演示,快速了解整个课程安排和内容。

第2章 项目需求及阅读器引擎介绍
介绍项目需求和阅读器的开发原理,并搭建Node.js和vue-cli 3.0开发环境。

第3章 项目准备
完成项目开发前的准备工作,讲解如何引入字体图标、Web字体、rem、样式重置表,详细介绍vuex的基本原理及mapGetters的实现原理,搭建基于Nginx的静态资源服务器。

第4章 阅读器--标题菜单、字号字体及主题设置功能开发
讲解如何实现阅读器的解析和渲染、手势翻页操作、标题栏和菜单栏组件的解耦,并实现字号字体设置和阅读器全局主题设置功能。

第5章 阅读器--阅读进度、目录、全文搜索功能开发
讲解如何实现阅读器的阅读进度、阅读时间统计、章节切换、多级目录展示、全文搜索和目录加载动画。

第6章 阅读器--书签功能、页眉页脚及兼容性优化
讲解如何实现阅读器的手势操作,详细介绍了复杂手势交互的实现思路及原理,为阅读器加入页眉和页脚,并优化了移动端和PC端兼容性问题,使阅读器可以更好的支持PC端和移动端使用。

第7章 书城首页、搜索页、列表页和详情页开发
讲解书城首页、搜索页、列表页和详情页的开发过程,详细介绍首页的推荐动画、标题栏和搜索框的交互动画实现原理,并引入Mock.js实现API数据模拟。

第8章 书架页面开发
讲解书架页面的开发过程,包括:书架数据结构设计、九宫格布局的实现、私密阅读功能实现、离线存储功能实现、分组功能实现、移出书架功能和动画实现。

第9章 听书页面开发
讲解听书页面的开发过程,详细讲解科大讯飞在线语音合成API的对接方法、播放器面板的布局实现、播放器的实现原理和方法。

第10章 项目发布
利用Node.js开发简单的api,并通过阿里云的ESC进行项目发布,在CentOS操作系统上搭建Nginx服务,将代码上传至Git,通过编写自动化更新脚本实现代码的自动更新与发布。

第11章 课程总结
整理回顾与总结课程中的知识点。

下载地址:百度网盘下载

原文地址:https://www.cnblogs.com/xrdz/p/9808140.html

时间: 2024-10-30 04:33:55

Vue2.5 实战微信读书 媲美原生App的企业级web书城的相关文章

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

第1章 课程介绍介绍阅读器项目背景.功能结构.技术栈和功能演示,快速了解整个课程安排和内容.1-1 导学 试看1-2 课程学习指南 第2章 项目需求及阅读器引擎介绍介绍项目需求和阅读器的开发原理,并搭建Node.js和vue-cli 3.0开发环境.2-1 项目需求分析2-2 阅读器原理介绍2-3 ePub标准介绍2-4 epubjs阅读器引擎介绍2-5 安装Node.js环境2-6 vue-cli 3.0搭建方法(原型开发)2-7 vue-cli 3.0搭建方法(脚手架创建项目)2-8 项目技

PWA-让前端网页媲美原生APP的用户体验

一.背景 从2018年到现在,作为号称下一代web应用模型的PWA,逐渐成为了一个各大前端厂商争先恐后进行涉足,布局的一个新的技术, 其主要的对标物Native app,作为现在最主流的mobile端应用,它的安全,性能,用户体验的确明显领先于其他互联网载体,但是原生App始终有一些缺点,比如 1. 昂贵开发成本 2. 软件上线,版本更新都需要发布到不同的商店,并通过审核 有些APP你可能使用频率特别少,但是你还是不得不去商店中下载庞大安装包,或者可能一段时间不使用以后,随着版本的更新,你也不得

原生APP与移动Web App的比较

中国手机网民已超4.5亿,智能机用户超过3.8亿,中国移动互联网市场产值已超过712.5亿元,手机营销是未来必然趋势,而App恰恰是这个趋势下的一个强有力的营销工具: App已有两个主要的方向:原生App 以及 移动Web App.那么今天我们就来比较一下两者的区别供大家参考.   原生App 与 移动Web App : 定义   什么叫做原生App? 原生App是专门针对某一类移动设备而生的,它们都是被直接安装到设备里,而用户一般也是通过网络商店或者卖场来获取例如    The App Sto

原生app,WEBAPP,混合app

什么叫做原生App? 原生App是专门针对某一类移动设备而生的,它们都是被直接安装到设备里,而用户一般也是通过网络商店或者卖场来获取例如    The App Store  与  Android Apps on Google Play . 随便说几个原生App的例子,比如iOS 的 Camera+  以及Android 的  KeePassDroid 什么叫做移动Web App? 一般说来,移动Web App都是都是需要用到网络的,它们利用设备上的浏览器(比如iPhone的Safari)来运行,

COPY一份儿:原生APP和Web APP的区别

来源:http://ask.seowhy.com/article/2541 前天写了一篇文章,关于web app与原生app的区别,那篇文章主要写了关于设计方面的一些区别.有朋友问道到底有什么区别. 这里从以下几个角度进行一下对比吧: 开发方面 原生App 每一种移动操作系统都需要独立的开发项目 每种平台都需要独立的开发语言.Java(Android), Objective-C(iOS)以及Visual C++(Windows Mobile)等等 需要使用各自的软件开发包,开发工具以及各自的控件

原生app,WEBAPP,混合app的差异

原生应用.Web应用.混合应用优缺点分析 原生App vs 移动Web App :定义 什么叫做原生App? 原生App是专门针对某一类移动设备而生的,它们都是被直接安装到设备里,而用户一般也是通过网络商店或者卖场来获取例如    The App Store  与  Android Apps on Google Play . 随便说几个原生App的例子,比如iOS 的 Camera+  以及Android 的  KeePassDroid 什么叫做移动Web App? 一般说来,移动Web App

h5做app和原生app有什么区别?

H5开发的web APP和原生APP的区别有以下几个方面:一.开发方面 原生App ⊙ 每一种移动操作系统都需要独立的开发项目⊙ 每种平台都需要独立的开发语言.Java(Android), Objective-C(iOS)以及Visual C++(Windows Mobile)等等⊙ 需要使用各自的软件开发包,开发工具以及各自的控件 移动Web App⊙ 因为运行在移动设备的浏览器上,所以只需要一个开发项目⊙ 这种应用可以使用HTML5,CSS3以及JavaScript以及服务器端语言来完成(P

微信读书App来了 小伙伴们快去占榜吧

微信读书App正式上线了,iOS版和Android版同时推出.届时将会出现像微信运动一样的霸榜小伙伴.资料显示,阅文集团成立于2014年1月,是腾讯文学和盛大文学联合成立的新公司.阅文集团成立后,会对原本属于盛大文学和腾讯文学旗下起点中文网.创世中文网等众多网文品牌进行统一管理和运营. 具体功能上,微信读书支持EPUB和TXT格式,可自定义阅读风格,其次可以利用微信好友进行书籍推荐,此外,和微信运动一样,微信读书还会依照好友读书情况生成“读书排行榜”.

【腾讯Bugly干货分享】微信读书iOS性能优化

本文来自于腾讯bugly开发者社区,非经作者同意,请勿转载,原文地址:http://dev.qq.com/topic/578c93ca9644bd524bfcabe8 "8小时内拼工作,8小时外拼成长"这是大家共同的理想.除了每天忙于工作外,我们都希望能更多地区吸收领域内的新知识与新技能,从而走向人生巅峰. Dev Club 是一个交流移动开发技术,结交朋友,扩展人脉的社群,成员都是经过审核的移动开发工程师.每周都会举行嘉宾分享,话题讨论等活动. 上一期我们邀请了腾讯SNG工程师&qu