-
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() ??}) }查看全部
舉報