-
epubjs工作原理：
通過(guò)epubjs解析epub，創(chuàng)建Book對(duì)象
調(diào)用renderTo方法生成Rendition對(duì)象（負(fù)責(zé)電子書的渲染），通過(guò)Rendition，得到Theme對(duì)象（負(fù)責(zé)電子書的樣式和主題）
Location：負(fù)責(zé)電子書的定位，拖動(dòng)進(jìn)度條的定位功能，由Book對(duì)象生成
Navigation：由Book對(duì)象生成，用來(lái)展示電子書目錄，并提供目錄所在的路徑
查看全部 -
reset.css和global.css
查看全部 -
rem配置
查看全部 -
viewPort配置
查看全部 -
開發(fā)流程圖
查看全部 -
電子書格式
查看全部 -
閱讀器工作原理簡(jiǎn)介
查看全部 -
知識(shí)點(diǎn)解析
查看全部 -
maximum-scale和minimum-scale限定屏幕縮放比列為1：1，通過(guò)user-scalable限制用戶對(duì)屏幕進(jìn)行縮放
查看全部 -
寶寶很健康查看全部
-
transition動(dòng)畫原理
查看全部 -
epubjs工作原理：
通過(guò)epubjs解析epub，創(chuàng)建Book對(duì)象
調(diào)用renderTo方法生成Rendition對(duì)象（負(fù)責(zé)電子書的渲染），通過(guò)Rendition，得到Theme對(duì)象（負(fù)責(zé)電子書的樣式和主題）
Location：負(fù)責(zé)電子書的定位，拖動(dòng)進(jìn)度條的定位功能，由Book對(duì)象生成
Navigation：由Book對(duì)象生成，用來(lái)展示電子書目錄，并提供目錄所在的路徑
查看全部 -
reset.scss和global.scss
reset.scss源碼地址 https://meyerweb.com/eric/tools/css/reset/
查看全部 -
rem配置
查看全部 -
在index.html頁(yè)面的meta標(biāo)簽中設(shè)置如下，禁止用戶誤操作縮放頁(yè)面
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
另外對(duì)于Safari瀏覽器來(lái)說(shuō)，無(wú)法通過(guò)meta屬性限制其縮放，可以在App.vue中添加如下代碼，實(shí)現(xiàn)縮放禁止，主要原理是：禁止兩指以上的觸摸事件（因?yàn)榭s放需要兩指操作），禁止手勢(shì)事件的識(shí)別
window.onload?=?function()?{ ??document.addEventListener('touchstart',?function(event)?{ ????if?(event.touches.length?>?1)?{ ??????event.preventDefault() ????} ??}) ??document.addEventListener('gesturestart',?function(event)?{ ????event.preventDefault() ??}) }查看全部
舉報(bào)