book_demo
qiaoxinlin
这个作者很懒,什么都没留下…
展开
-
三(3-4、3-5)标题栏和菜单栏的实现
右侧在嵌套一个布局引用global中的mixin布局原创 2021-03-30 14:36:06 · 177 阅读 · 0 评论 -
三(6-)字号设置功能实现
在css样式表中书写时,id选择符前面应该加前缀符号‘#’,而class选择符前面应该加前缀符号‘.’。伪类选择器加前缀‘:’字号用 伪类选择器 &:first-child { //background: rebeccapurple; .line { &:first-child {...原创 2021-03-30 14:35:36 · 99 阅读 · 0 评论 -
阅读器工作原理简介
1、阅读器工作原理简介各种格式(txt、pdf、epub、mobi…)的电子书 ==> 解析电子书(书名、作者、目录、封面、章节…) ==>(通过阅读器引擎) ==> 渲染 ==> 功能(字号、背景色、目录、书签、笔记…)注epub:全称是Electronic Publication,是一种电子出版物mobi:是Amazon Kindle的电子书格式...原创 2020-01-07 16:07:03 · 1644 阅读 · 0 评论 -
读书项目:epubjs阅读器引擎介绍
概念基于js的开源阅读器引擎 文档:https://github.com/futurepress/epub.js/ 解决了ePub电子书的解析、渲染、定位等技术难题 提供了媲美原生app的阅读体验epub.js核心类介绍Book:完成了阅读器的解析 Rendition:实现了阅读器的渲染 Lo...转载 2019-12-29 15:06:20 · 323 阅读 · 0 评论 -
三(3-1)epubjs核心工作原理
epubjs工作原理:epub电子书会通过epubjs实例化一个book对象book对象会对电子书进行解析通过renderTo方法生成Rendition对象,Rendition对象负责电子书的渲染通过Rendition,得到Theme对象(负责电子书的样式和主题-如设置字号、主题)-Location:负责电子书的定位,拖动进度条的定位功能,由Book对象生成Naviga...原创 2019-11-13 20:22:08 · 601 阅读 · 0 评论 -
三(3-3)电子书翻页功能实现
方法实现:布局:原创 2019-11-08 08:07:34 · 412 阅读 · 0 评论 -
三(3-2)电子书解析和渲染
电子书的渲染就是将epub电子书解析成Book对象在通过book对象生成Randition对象的过程1.ebook.vue. 在src/文件目录下新建一个组件Ebook.vue- 可以通过vue+tab或者vue+回车vue快速生成模板代码2.到router文件下配置一下路由,让我们能通过url访问到这个组件。修改src/router/index.jsimport Vue fro...原创 2019-11-08 07:40:32 · 382 阅读 · 0 评论 -
二(2-3、2-4)viewport配置和rem配置
viewport配置在index.html页面的meta标签中设置如下,禁止用户误操作缩放页面另外对于Safari浏览器来说,无法通过meta属性限制其缩放,可以在App.vue中添加如下代码,实现缩放禁止,主要原理是:禁止两指以上的触摸事件(因为缩放需要两指操作),禁止手势事件的识别window.onload = function() { document.addEventListe...原创 2019-11-06 08:31:04 · 234 阅读 · 0 评论 -
二(2-1、2-2)web阅读器简介及开发准备工作
阅读器的工作原理及开发流程知识点解析阅读器工作原理简介开发流程epub电子书:本质上是一个zip文件,可以通过 在cmd中 用unzip进行解压开发准备工作(生成字体图标)在icomoon中生成图标点击首页 icomoon App新建一个图标集合在阿里图库中找到自己想要的图标保存在一个文件夹中点击new empty set修改名称点击import I...原创 2019-11-03 16:22:51 · 273 阅读 · 0 评论