如何第二次进入后可以继续上次的阅读进度?

来源:3-2 电子书解析和渲染

qq_慕数据4544929

2019-03-28 09:35

老师,有什么办法进来第一次后,这本书就加载完成了,下次进就不需要在重新加载书了?这样就可以直接渲染了 .(我就是想做第一次读到哪里, 退出后再次进入是在之前的地方开始继续阅读, 现在我已经在后退的时候把翻页定位的数存了一下, 在进入渲染这个数, 但是渲染的时候就是重新加载, 书大了加载时间太长)...有什么办法吗? 请老师解答一下  谢谢.

//下一页
nextPage: function(){
 vm.rendition.next().then(() => {
 var currentLocation = vm.rendition.currentLocation();
 var progress = Math.floor(((vm.locations.percentageFromCfi(currentLocation.start.cfi)).toFixed(5))*10000)/100;
 // console.log(progress);
 vm.progressN = progress;
 vm.onProgressInput(progress);
 })
},

//返回键
function back(){
 localStorage.progressN = vm.progressN;
 window.history.back(-1);
}


vm.book.ready.then(() => {
 vm.navigation = vm.book.navigation;
 return vm.book.locations.generate();
}).then(result => {
 vm.locations = vm.book.locations;
 console.log(vm.locations);
 vm.bookAvailable = true;
 var progressOk = parseFloat(localStorage.progressN);
 var pro = vm.locations.cfiFromPercentage(progressOk/100);
 //渲染电子书
 vm.rendition.display(pro);
 // vm.onProgressInput(progressOk);
})




写回答 关注

1回答

  • qq_慕数据4544929
    2019-03-29 16:37:00

    已解决


快速入门Web阅读器开发

带你了解电子书阅读器的工作原理,通过Vue.js快速实现Web阅读器

26396 学习 · 214 问题

查看课程

相似问题