码迷,mamicode.com
首页 > 微信 > 详细

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

时间:2018-10-18 11:01:01      阅读:1893      评论:0      收藏:0      [点我收藏+]

标签:技术栈   git   工作   服务   利用   基于   优化   科大讯飞   标题栏   

第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章 课程总结
整理回顾与总结课程中的知识点。

下载地址:百度网盘下载

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

标签:技术栈   git   工作   服务   利用   基于   优化   科大讯飞   标题栏   

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

(1)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!