航油电子书

zhangmin 5474f9e7a9 字体大小滚动控制 vor 2 Jahren
css 8f63fd6487 标题样式调整 vor 2 Jahren
data fdf69f2095 询问是否从上次页面继续阅读 vor 2 Jahren
fonts 3f3ea61a24 目录 vor 2 Jahren
img c1bbe76932 内容加入 vor 2 Jahren
js a8a22cf9de 8.7修改提交 vor 2 Jahren
pages a8a22cf9de 8.7修改提交 vor 2 Jahren
.gitattributes a8a22cf9de 8.7修改提交 vor 2 Jahren
.gitignore a8a22cf9de 8.7修改提交 vor 2 Jahren
.project a8a22cf9de 8.7修改提交 vor 2 Jahren
README.md a8a22cf9de 8.7修改提交 vor 2 Jahren
Reader.html a8a22cf9de 8.7修改提交 vor 2 Jahren
Reader.iml a8a22cf9de 8.7修改提交 vor 2 Jahren
bookdetail.html 5474f9e7a9 字体大小滚动控制 vor 2 Jahren
favicon.ico 63e923cf77 图标修改为航油图标 vor 2 Jahren
index.html 5786b26d8b 字体滚动 vor 2 Jahren
manifest.json 24c0ad2efc 图标修改为航油2023 vor 2 Jahren
start.html a8a22cf9de 8.7修改提交 vor 2 Jahren

README.md

Welcome to use MarkDown

这是一个简单的

web手机阅读器

首先利用H5 + CSS + JQuery + jsonp + localStorage存储 完成

  1. 使用css来实现页面布局,各个标签的分布和展示效果
  2. 使用jquery实现点击交互效果、字体大小、背景颜色的变化
  3. 使用localStorage存储完成,刷新页面记忆上次设置的样式
  4. 使用jsonp来实现 获取和展示数据

js部分整体划分为三块:

  • ReaderBaseFrame(container){//UI渲染层
  • ReaderModel(){//数据交互层
  • EventHandler(){//业务事件处理层