关于电子书分页问题

Question

调试的时候才发现有些电子书分页会出现上图的情况，有些又是正常分页，一直找不到原因，能麻烦老师帮调试一下吗，地址https://github.com/HenryNer/firstWrapper

下面是修改后的

Answer 1

Sam 2019-07-30 22:30:13

hi，这个问题涉及到分页算法，因为课时有限，所以没有穷举所有的翻页算法，会出现上述问题的原因是因为navigation获取的目录名称和通过locations获取的目录名称不一致导致，解决方法如下：

修改EbookReader.vue 238行，替换为如下代码，改动部分已经注释：

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28

locations.forEach(item => {     const loc = item.match(/\[(.*)]!/)[1]     this.navigation.forEach(nav => {         if (nav.href) {             // 兼容xhtml的文件的场景，优化了正则表达式             let href = nav.href.match(/\/(.*)\.xhtml$/)             // 如果没有匹配到，则再使用html正则进行匹配             if (!href) {                 href = nav.href.match(/^(.*)\.html$/)             }             if (href) {                 // loc只要包含href[1]中的内容，则认为包含在该目录下                 if (loc.indexOf(href[1]) >= 0) {                     nav.pagelist.push(item)                 }             }         }     })     let currentPage = 1     this.navigation.forEach((nav, index) => {         if (index === 0) {             nav.page = 1         } else {             nav.page = currentPage         }         currentPage += nav.pagelist.length + 1     }) })

• 提问者 如雨 #1

  老师你好，我按照上面优化后发现第一页跟第二页相差几千页，修改后的图发在上面了

• Sam 回复 提问者 如雨 #2

  额，算法还有优化点，晚点我再看下