![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
阅读器实战开发
echo忘川
有问题可联系QQ:806020881
展开
-
书城首页开发(六)
一、书城首页的基本框架搭建1.在views下创建文件夹store在store文件夹下创建index.vue<template> <div class="store"> <router-view></router-view> </div></template><script>...原创 2019-10-31 15:27:21 · 285 阅读 · 0 评论 -
主题设置功能开发(五)
效果:点击小太阳按钮,出现主题设置面板,点击切换不同的主题,整个界面的主题都发生变化功能点:1.内层的阅读器嵌入在iframe中,改变时内层需要通过设置theme对象来改变,外层通过样式表的方式来改变(动态加载css)2.实现步骤1.在utils文件夹下的book.js中添加themeList数组,生成主题列表export function themeList(vue) { r...原创 2019-10-21 15:46:33 · 584 阅读 · 0 评论 -
epubjs阅读器引擎介绍(一)
概念基于js的开源阅读器引擎文档:添加链接描述解决了ePub电子书的解析、渲染、定位等技术难题提供了媲美原生app的阅读体验epub.js核心类介绍Book:完成了阅读器的解析Rendition:实现了阅读器的渲染Locations:阅读器的定位Navigation:存储了目录信息View Manager:负责阅读器渲染出来的视图管理EpubCFI:利用CFI标准来进行文字级...原创 2019-09-26 10:23:06 · 1076 阅读 · 0 评论 -
阅读器实战开发准备(二)
一、环境参数框架: Vue 2.5框架: Nodejs10.10.0脚手架 :Vue-cli 3.0构建工具: Webpack4.0工具: npm6.4.1二、项目环境配置项目打包:npm run build打包后会发现打开index是空白页面,在控制台中查看Network,可以发现css、js文件均报错,产生原因是路径的错误。解决方法是配置生产环境的路径1.新建vue.co...原创 2019-09-29 16:13:25 · 140 阅读 · 0 评论 -
离线缓存技术的应用--web-storage-cache(三)
一、关于LocalStorage优势:localStorage 和 sessionStorage 属性允许在浏览器中存储 key/value 对的数据localStorage 用于长久保存整个网站的数据,保存的数据没有过期时间,直到手动去删除localStorage 拓展了 cookie 的 4K 限制localStorage 会可以将第一次请求的数据直接存储到本地,这个相当于一个 5...原创 2019-10-08 15:33:16 · 2839 阅读 · 1 评论 -
实现文字国际化——vue-i18n(四)
vue-i18n由于项目使用的技术栈为vue,所以在此使用的国际化插件是 vue-i18n,根据官网说明,目前安装主要分为以下几类:官网传送门直接下载 / CDNNPMYarnVue Cli 3.x开发版构建1.npm的方式安装(1)先在src目录下创建lang文件夹,将我们准备好的翻译文件放入文件夹内,然后安装:npm install vue-i18n(2)在lang目录下...原创 2019-10-09 11:58:33 · 578 阅读 · 0 评论