-
epubjs工作原理：
通过epubjs解析epub，创建Book对象
调用renderTo方法生成Rendition对象（负责电子书的渲染），通过Rendition，得到Theme对象（负责电子书的样式和主题）
Location：负责电子书的定位，拖动进度条的定位功能，由Book对象生成
Navigation：由Book对象生成，用来展示电子书目录，并提供目录所在的路径
查看全部 -
reset.css和global.css
查看全部 -
rem配置
查看全部 -
viewPort配置
查看全部 -
开发流程图
查看全部 -
电子书格式
查看全部 -
阅读器工作原理简介
查看全部 -
知识点解析
查看全部 -
maximum-scale和minimum-scale限定屏幕缩放比列为1：1，通过user-scalable限制用户对屏幕进行缩放
查看全部 -
宝宝很健康查看全部
-
transition动画原理
查看全部 -
epubjs工作原理：
通过epubjs解析epub，创建Book对象
调用renderTo方法生成Rendition对象（负责电子书的渲染），通过Rendition，得到Theme对象（负责电子书的样式和主题）
Location：负责电子书的定位，拖动进度条的定位功能，由Book对象生成
Navigation：由Book对象生成，用来展示电子书目录，并提供目录所在的路径
查看全部 -
reset.scss和global.scss
reset.scss源码地址 https://meyerweb.com/eric/tools/css/reset/
查看全部 -
rem配置
查看全部 -
在index.html页面的meta标签中设置如下，禁止用户误操作缩放页面
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
另外对于Safari浏览器来说，无法通过meta属性限制其缩放，可以在App.vue中添加如下代码，实现缩放禁止，主要原理是：禁止两指以上的触摸事件（因为缩放需要两指操作），禁止手势事件的识别
window.onload = function() { document.addEventListener('touchstart', function(event) { if (event.touches.length > 1) { event.preventDefault() } }) document.addEventListener('gesturestart', function(event) { event.preventDefault() }) }查看全部
举报