-
大概在7分鐘的時(shí)候講解eslint禁用方法，但是我的代碼沒有這個(gè)問題，就暫時(shí)跳過；我的代碼也沒有g(shù)lobal.epub的報(bào)錯(cuò)
查看全部 -
這節(jié)課是設(shè)置公共樣式的，可以最后再聽
查看全部 -
document.addEventListener('DOMContentLoaded', () => {
? const html = document.querySelector('html')
? let fontSize = window.innerWidth / 10
? fontSize = fontSize > 50 ? 50 : fontSize
? html.style.fontSize = fontSize + 'px'
})
查看全部 -
禁止用手指縮放屏幕
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
查看全部 -
rem
查看全部 -
wrapper
查看全部 -
epub電子書會(huì)通過eoubjs實(shí)例化一個(gè)book對(duì)象，book對(duì)象會(huì)對(duì)電子書進(jìn)行解析。我們可以通過renderTo方法生成一個(gè)Rendition對(duì)象，Rendition主要負(fù)責(zé)電子書的渲染，通過Rendition我們可以得到Theme對(duì)象。Theme負(fù)責(zé)電子書的樣式和主題，location負(fù)責(zé)電子書的定位，用來實(shí)現(xiàn)拖動(dòng)進(jìn)度條時(shí)快速定位的功能，他是由book對(duì)象生成的，Navigation也是由book對(duì)象生成的，用來展示電子書目錄，并提供目錄所在的路徑
查看全部 -
樣式兼容性
查看全部 -
根據(jù)寬度動(dòng)態(tài)設(shè)置字體大小
查看全部 -
縮放問題，避免誤觸導(dǎo)致的放大縮小
查看全部 -
sass是css的一種擴(kuò)展語言，--save-dev表示會(huì)將sass配置文件寫入到package.json文件當(dāng)中。
查看全部 -
reset.scss目的是為了消除不同瀏覽器默認(rèn)樣式的不一致性
global.scss規(guī)定了整個(gè)站點(diǎn)公共樣式、公共方法和公共參數(shù)等
實(shí)現(xiàn)px2rem方法，將px轉(zhuǎn)化為rem
查看全部 -
動(dòng)畫原理：
查看全部 -
viewport配置
查看全部 -
rem配置
查看全部 -
reset+global
查看全部 -
epubjs工作原理
查看全部 -
?<meta name="viewport" content="width=device-width,initial-scale=1.0,
? ? maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
maximum-scale=1.0,minimum-scale=1.0,user-scalable=no 可以預(yù)防用戶誤觸屏幕而導(dǎo)致屏幕放大或者縮小
查看全部 -
把h黃褐斑v和h是不合適
查看全部 -
必須百年大計(jì)基督教
查看全部 -
rem?配置?
document.addEventLister('DOMContentLoaded',()=>{
????const html=document.querrySelector('html')
????let fontSize=window.innerWidth/10
????fontSize=fontSize>50?50:fontSize
????html.style.fontSize=window.innnerWidth/10+'px'
})查看全部
舉報(bào)