-
电子书文件一定要放在public文件下,否则会导致电子书无法渲染出来,被坑了半小时·····
查看全部 -
reset网址:https://meyerweb.com/eric/tools/css/reset/index.html
查看全部 -
在meta标签中设置如下,禁止用户误操作缩放页面
maximum-scale=1.0,minimum-scale=1.0,user-scalable=no
查看全部 -
https://github.com/sam9831/ebook-demo-resource.git
查看全部 -
增加动态变化
document.addEventListener("DOMContentLoaded", setFontSize);
window.addEventListener('resize', setFontSize)
function setFontSize() {
const html = document.querySelector("html");
let fontSize = window.innerWidth / 10;
fontSize = fontSize > 50 ? 50 : fontSize;
html.style.fontSize = fontSize + "px";
}
查看全部 -
https://github.com/vuejs-templates/webpack
查看全部 -
EPUB电子书格式简介:
minetype:EPUB文件的资源格式
metainfo/container.xml告诉阅读器根本路径,content.opf
content.opf:
metadata列出了主要的出版信息
manifest主要列出了图片,文件,目录(ncx)以及章节信息。
spine指书籍的阅读顺序。
guide表示指南,非必须的
查看全部 -
reset 下载地址:https://meyerweb.com/eric/tools/css/reset/
查看全部 -
window.innerWidth和window.outterWidth在移动端是没有区别的,都是指屏幕宽度;而在PC端,window.innerWidth指的是页面内容区域的宽度,不包含控制台部分的区域,而window.outterWidth代表的是窗口的宽度
查看全部 -
epubjs工作原理:
通过epubjs解析epub,创建Book对象
调用renderTo方法生成Rendition对象(负责电子书的渲染),通过Rendition,得到Theme对象(负责电子书的样式和主题)
Location:负责电子书的定位,拖动进度条的定位功能,由Book对象生成
Navigation:由Book对象生成,用来展示电子书目录,并提供目录所在的路径
查看全部 -
上面人是怎么写的笔记,全扯淡啊,发的什么玩意
查看全部 -
npm install node-sass sass-loader --save-dev 会加到package.json里面的 devDependencies上
npm install epubjs --save 会加到dependencies上
查看全部 -
课程介绍
了解阅读器工作原理,了解epub格式的解析原理
运用Vue.js+epub.js实现一个简单的阅读器
实现阅读器的基础功能,如字号选择,背景色的选择
课程安排
阅读器院里的学习-搭建vue-cli环境
-编写阅读器源码-总结学习知识点
前置学习
VUe.js的基本语法
css3和scss的基本用法
静态资源服务器(Nginx)的搭建方法
学习建议
先学原理,在着手实现
语法学习和实践学习相结合
重视产品体验,开发高质量的产品(可用和交互)
查看全部 -
epubjs 会实例化一个 Book 对象,Book 对象会对电子书进行解析。
可以通过 Book 对象的 renderTo 方法实例化一个 Rendition 对象,
Rendition 对象主要负责电子书的渲染。
通过 Rendition 可以得到 Theme 对象,Theme 对象主要负责电子书的样式和主题,
比如 切换字体大小,样式,更改主题颜色等。
Location 负责电子书的定位,比如 拖动进度条跳转等。它是由 Book 对象生成的。
Navigation 负责展示电子书的目录,并提供目录的路径,它是由 Book 对象生成的。
查看全部 -
icon图标
查看全部
举报