项目：仿网易云阅读

叶子

项目描述：

该项目是一个热门的小说阅读App，内部含有多种分类的小说和不同的阅读数据，可选择听书，可选择阅读，

阅读页面有评论区，粉丝榜，小说页面则是有不同的背景颜色选择，不同的字体大小和不同的阅读模式

项目技术：

项目主要采用vue2框架实现用户交互功能，使用axios进行网络数据源请求，使用vue-router配合

conputed对路由parmas进行监听以获取不同数据，通过conputed获取设备宽高，使用正则表达

式和字符串替换对小说原页面进行对设备宽度的自适应排版，使用css3的动画形变和js配合vue的

Ref对dom进行操作，实现淡入淡出，滑入划出，卷轴的三种阅读模式，再配合sessistroage和vant

的滑块值变化实现字体大小选择，和背景颜色选择，使用localstroage配合parmas实现不同书的不

同书签收藏功能，使用js数组reverse方法进行目录的倒序实现，使用sessionstroage实现点击目录

和点击上一页和下一页功能，使用v-if实现小说详情页和小说评论区的条件渲染，使用lodash的防抖

配合js的scroll实现粉丝榜下滚加载数据，使用vant2进行页面ui设计，使用git进行项目合作开发

项目功能：

1. 小说详情页面根据展示不同书的数据展示不一样的数据

2. 小说目录上根据连载状态选择是否显示最新章节和更新时间

3. 小说打赏榜点进去后的粉丝榜，每次下拉都会增加二十条数据，到末尾会有toast提升

4. 阅读页面的文字会根据不同设备宽高适应进行排版，当到第一页或最后一页时会加载前/后一页

到最后或者第一章将出现toast提示

5. 小说详情页和阅读页面都可以点击目录进行跳转，也可选择目录倒序进行跳转，根据是否vip

进行跳转

6. 阅读页面可选择四个挡位的字体大小，选择后会进行页面重载，选择后退出也不会改变

7. 阅读页面可选择四种背景颜色，选择后不会重载，退出后同样会保留选择

8. 阅读页面可选择三种阅读模式，无（淡入淡出），滑动，卷轴

9. 小说页面可选择收藏章节，根据不同小说会显示不同书签

10. 小说可通过滑块进行章节跳转，上方的章节名会动态更改显示，也可通过点击箭头进行上/下一章

跳转

11.目录可通过点击总章节名称跳至对应总章节的第一章