项目-Vue阅读器开发笔记
抽离出课程重点,能手写
zpfnext
这个作者很懒,什么都没留下…
展开
-
阅读器翻阅功能实现
this.rendition.on('touchstart', event => { this.touchStartX = event.changedTouches[0].clientX this.touchStartTime = event.timeStamp }) this.rendition.on('touchend', event => { const offsetX = event.change原创 2020-10-04 18:14:14 · 152 阅读 · 0 评论 -
电子书的解析和渲染
<template> <div class="ebook-reader"> <div id="read"></div> </div> </template> <script> import { mapGetters } from 'vuex' import Epub from 'epubjs' global.epub = Epub export default原创 2020-10-04 15:12:23 · 239 阅读 · 0 评论 -
Vuex+mixin实现组件间的解耦和复用
import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex) export default new Vuex.store({ state: { test: 1 }, mutations: { 'SET_TEST': (state,newTest) => { state.test = newTest } }, actions: {原创 2020-10-04 11:03:02 · 366 阅读 · 0 评论 -
配置路由与动态路由
import Vue from 'vue' import Router from 'vue-router' Vue.use(Router) export default new Router({ routers: [ { path: '/', redirect: '/ebook' }, { path: '/ebook', component: () =&原创 2020-10-04 14:14:57 · 104 阅读 · 0 评论 -
Nginx静态资源服务器配置
server { listen: 8081; server_name: resoure root C:/Users/cxc05/Desktop/resource autoindex on //可以查看resource下的目录 location / { add_header Access-Control-Allow-Origin * //允许跨域 } add_header Cache-Control "no-cache,mus原创 2020-10-04 11:57:49 · 199 阅读 · 0 评论