大概在7分钟的时候讲解eslint禁用方法，但是我的代码没有这个问题，就暂时跳过；我的代码也没有global.epub的报错

这节课是设置公共样式的，可以最后再听

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电子书会通过eoubjs实例化一个book对象，book对象会对电子书进行解析。我们可以通过renderTo方法生成一个Rendition对象，Rendition主要负责电子书的渲染，通过Rendition我们可以得到Theme对象。Theme负责电子书的样式和主题，location负责电子书的定位，用来实现拖动进度条时快速定位的功能，他是由book对象生成的，Navigation也是由book对象生成的，用来展示电子书目录，并提供目录所在的路径

样式兼容性

根据宽度动态设置字体大小

缩放问题，避免误触导致的放大缩小

sass是css的一种扩展语言，--save-dev表示会将sass配置文件写入到package.json文件当中。

reset.scss目的是为了消除不同浏览器默认样式的不一致性

global.scss规定了整个站点公共样式、公共方法和公共参数等

实现px2rem方法，将px转化为rem

动画原理：

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 可以预防用户误触屏幕而导致屏幕放大或者缩小

把h黄褐斑v和h是不合适

必须百年大计基督教

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'
})

https://github.com/vuejs-templates/webpack

reset.css和global.scss

EPUB电子书格式简介：

minetype:EPUB文件的资源格式

metainfo/container.xml告诉阅读器根本路径，content.opf

content.opf:

metadata列出了主要的出版信息

manifest主要列出了图片，文件，目录（ncx）以及章节信息。

spine指书籍的阅读顺序。

guide表示指南，非必须的

阅读器工作原理

知识点解析

watch: {
    isTitleAndMenuShow: function(val, oldVal) {
          if (val === false) {
                  this.isSettingBarShow = false
                        }
            }  
}
//还可以使用watch

解压电子书

开发流程图