亚洲高清国产av拍精品青青草原,九九在线视频

首頁免費課快速入門Web閱讀器開發(fā) 筆記

快速入門Web閱讀器開發(fā)

                
                Sam
            資深架構(gòu)師

                    查看講師更多課程 
                    Sam講師的其他課程
                
Vue 實戰(zhàn)商業(yè)級讀書Web APP完整項目
實戰(zhàn)·中級·1625

                                                                                                                                    ￥366.00
                                            
數(shù)據(jù)可視化入門到精通-打造前端差異化競爭力
實戰(zhàn)·中級·1525

                                                                                                                                    ￥999.00
                                            
吃透前端工程化，大廠級實戰(zhàn)項目以戰(zhàn)帶練
實戰(zhàn)·中級·273

                                                                                                                                    ￥1680.00
                                            
自主搭建5個精品腳手架，助力前端研發(fā)全流程提效
實戰(zhàn)·中級·286

                                                                                                                                    ￥499.00
                                            
Vue3+NestJS 全棧開發(fā)企業(yè)級管理后臺
實戰(zhàn)·中級·230

                                                                                                                                    ￥399.00
                                            
LangChain+ LangGraph+MCP+大模型，打造編程智能體
實戰(zhàn)·中級·106

                                                                                                                                    ￥599.00
                                            
                難度中級
            
                時長 2小時10分
            
                學(xué)習(xí)人數(shù)
            
綜合評分9.10
                            69人評價
                        查看評價
                                9.3
                                內(nèi)容實用
                            
                                8.6
                                簡潔易懂
                            
                                9.4
                                邏輯清晰

最熱最新

慕標3395159 00:45

課程總結(jié)。。

查看全部

0 采集收起來源：課程總結(jié)
2018-10-15
慕標3395159 03:29

transition動畫原理圖

查看全部

0 采集收起來源：標題欄和菜單欄實現(xiàn)（下）
2018-10-13
慕標3395159 03:21

transition動畫原理

查看全部

0 采集收起來源：標題欄和菜單欄實現(xiàn)（下）
2018-10-13
慕標3395159 00:47

epubjs的核心工作原理解析

查看全部

0 采集收起來源：epubjs核心工作原理
2018-10-13
慕標3395159 00:12

viewport 配置

查看全部

0 采集收起來源：viewport配置
2018-10-12
慕標3395159

教程環(huán)境版本：
node：8.9.0
npm：5.5.1
vue：2.9.3

查看全部

0 采集收起來源：開發(fā)準備工作（生成字體圖標）
2018-10-12
慕標3395159 01:31

開發(fā)準備，搭建Vue腳手架

查看全部

0 采集收起來源：開發(fā)準備工作（生成字體圖標）
2018-10-12
慕標3395159 01:45

閱讀器開發(fā)流程

查看全部

0 采集收起來源：閱讀器的工作原理及開發(fā)流程
2018-10-12
慕標3395159 01:10

電子書工作原理

查看全部

0 采集收起來源：閱讀器的工作原理及開發(fā)流程
2018-10-12
慕標3395159 00:47

涉及的知識點

查看全部

0 采集收起來源：閱讀器的工作原理及開發(fā)流程
2018-10-12
qq_遇見未知的自己_0

繼續(xù)筆記筆記繼續(xù)筆記筆記繼續(xù)筆記筆記繼續(xù)筆記筆記繼續(xù)筆記筆記繼續(xù)筆記筆記繼續(xù)筆記筆記繼續(xù)筆記筆記繼續(xù)筆記筆記繼續(xù)筆記筆記繼續(xù)筆記筆記繼續(xù)筆記筆記繼續(xù)筆記筆記繼續(xù)筆記筆記繼續(xù)筆記筆記繼續(xù)筆記筆記繼續(xù)筆記筆記繼續(xù)筆記筆記繼續(xù)筆記筆記繼續(xù)筆記筆記繼續(xù)筆記筆記繼續(xù)筆記筆記繼續(xù)筆記筆記繼續(xù)筆記筆記繼續(xù)筆記筆記繼續(xù)筆記筆記繼續(xù)筆記筆記繼續(xù)筆記筆記繼續(xù)筆記筆記繼續(xù)筆記筆記繼續(xù)筆記筆記繼續(xù)筆記筆記繼續(xù)筆記筆記繼續(xù)筆記筆記繼續(xù)筆記筆記繼續(xù)筆記筆記繼續(xù)筆記筆記繼續(xù)筆記筆記

查看全部

1 采集收起來源：閱讀器的工作原理及開發(fā)流程
2018-10-10
qq_遇見未知的自己_0

開發(fā)流程這里不是太明白

查看全部

0 采集收起來源：閱讀器的工作原理及開發(fā)流程
2018-10-10
慕妹9114026

<template>
? ?<div class='ebook'>
? ? ? ?<transition name="slide-down">
? ? ? ? ? ?<div class="title-wrapper" v-show="ifTitleAndMenuShow">
? ? ? ? ? ? ? ?<div class="left">
? ? ? ? ? ? ? ? ? ?<span class="icon-back icon"></span>
? ? ? ? ? ? ? ?</div>
? ? ? ? ? ? ? ?<div class="right">
? ? ? ? ? ? ? ? ? ?<div class="icon-wrapper">
? ? ? ? ? ? ? ? ? ? ? ?<span class="icon-cart icon"></span>
? ? ? ? ? ? ? ? ? ?</div>
? ? ? ? ? ? ? ? ? ?<div class="icon-wrapper">
? ? ? ? ? ? ? ? ? ? ? ?<span class="icon-person icon"></span>
? ? ? ? ? ? ? ? ? ?</div>
? ? ? ? ? ? ? ? ? ?<div class="icon-wrapper">
? ? ? ? ? ? ? ? ? ? ? ?<span class="icon-more icon"></span>
? ? ? ? ? ? ? ? ? ?</div>
? ? ? ? ? ? ? ?</div>
? ? ? ? ? ?</div>
? ? ? ?</transition>
? ? ? ?<div class="read-wrapper">
? ? ? ? ? ?<div id="read">
? ? ? ? ? ? ? ?<div class="mask">
? ? ? ? ? ? ? ? ? ?<div class="left" @click="prevPage"></div>
? ? ? ? ? ? ? ? ? ?<div class="center" @click="toggleTitleAndMenuShow"></div>
? ? ? ? ? ? ? ? ? ?<div class="right" @click="nextPage"></div>
? ? ? ? ? ? ? ?</div>
? ? ? ? ? ?</div>
? ? ? ?</div>
? ? ? ?<transition name='slide-up'>
? ? ? ? ? ?<div class="menu-wrapper" v-show="ifTitleAndMenuShow">
? ? ? ? ? ? ? ?<div class="icon-wrapper">
? ? ? ? ? ? ? ? ? ?<span class="icon-menu icon"></span>
? ? ? ? ? ? ? ?</div>
? ? ? ? ? ? ? ?<div class="icon-wrapper">
? ? ? ? ? ? ? ? ? ?<span class="icon-progress icon"></span>
? ? ? ? ? ? ? ?</div>
? ? ? ? ? ? ? ?<div class="icon-wrapper">
? ? ? ? ? ? ? ? ? ?<span class="icon-bright icon"></span>
? ? ? ? ? ? ? ?</div>
? ? ? ? ? ? ? ?<div class="icon-wrapper">
? ? ? ? ? ? ? ? ? ?<span class="icon-a icon">A</span>
? ? ? ? ? ? ? ?</div>
? ? ? ? ? ?</div>
? ? ? ?</transition>
? ?</div>
</template>

<script>
import Epub from "epubjs";
const DOWNLOAD_URL = "/static/2018_Book_AgileProcessesInSoftwareEngine.epub";
global.ePub = Epub;
export default {
?data() {
? ?return {
? ? ?ifTitleAndMenuShow: false
? ?};
?},
?methods: {
? ?toggleTitleAndMenuShow() {
? ? ?this.ifTitleAndMenuShow = !this.ifTitleAndMenuShow;
? ?},
? ?prevPage() {
? ? ?if (this.rendition) {
? ? ? ?this.rendition.prev();
? ? ?}
? ?},
? ?nextPage() {
? ? ?if (this.rendition) {
? ? ? ?this.rendition.next();
? ? ?}
? ?},
? ?//電子書解析和渲染
? ?showEpub() {
? ? ?//生存Book
? ? ?this.book = new Epub(DOWNLOAD_URL);
? ? ?//生成Rendition
? ? ?this.rendition = this.book.renderTo("read", {
? ? ? ?width: window.innerWidth,
? ? ? ?height: window.innerHeight
? ? ?});
? ? ?//通過Rendition.display渲染電子書
? ? ?this.rendition.display();
? ?}
?},
?mounted() {
? ?this.showEpub();
?}
};
</script>
<style lang='scss' scoped>
@import "assets/styles/global";

.ebook {
?position: relative;
?.title-wrapper {
? ?position: absolute;
? ?top: 0;
? ?left: 0;
? ?z-index: 101;
? ?display: flex;
? ?width: 100%;
? ?height: px2rem(48);
? ?background: white;
? ?box-shadow: 0 px2rem(8) px2rem(8) rgba(0, 0, 0, 0.15);
? ?.left {
? ? ?flex: 0 0 px2rem(60);
? ? ?@include center;
? ?}
? ?.right {
? ? ?flex: 1;
? ? ?display: flex;
? ? ?justify-content: flex-end;
? ? ?.icon-wrapper {
? ? ? ?@include center;
? ? ? ?flex: 0 0 px2rem(40);
? ? ? ?.icon-cart {
? ? ? ? ?font-size: px2rem(22);
? ? ? ?}
? ? ?}
? ?}
?}
?.read-wrapper {
? ?.mask {
? ? ?position: absolute;
? ? ?top: 0;
? ? ?left: 0;
? ? ?z-index: 100;
? ? ?display: flex;
? ? ?width: 100%;
? ? ?height: 100%;
? ? ?.left {
? ? ? ?flex: 0 0 px2rem(100);
? ? ?}
? ? ?.center {
? ? ? ?flex: 1;
? ? ?}
? ? ?.right {
? ? ? ?flex: 0 0 px2rem(100);
? ? ?}
? ?}
?}

?.menu-wrapper {
? ?position: absolute;
? ?bottom: 0;
? ?left: 0;
? ?z-index: 101;
? ?display: flex;
? ?width: 100%;
? ?height: px2rem(48);
? ?background: white;
? ?box-shadow: 0 px2rem(-8) px2rem(8) rgba(0, 0, 0, 0.15);
? ?.icon-wrapper {
? ? ?flex: 1;
? ? ?@include center;
? ? ?.icon-progress {
? ? ? ?font-size: px2rem(28);
? ? ?}
? ? ?.icon-bright {
? ? ? ?font-size: px2rem(24);
? ? ?}
? ?}
?}
}
</style>

.slide-up-center,
.slide-up-leave-to {
? ?transform: translate3d(0, 100%, 0);
}

.slide-down-enter-to,
.slide-down-leave,
.slide-up-center-to,
.slide-up-leave {
? ?transform: translate3d(0, 0, 0);
}

.slide-down-enter-active,
.slide-down-leave-active
.slide-up-center-active,
.slide-up-leave-to-active {
? ?transform: all 0.3s linear;
}

.slide-down-enter,
.slide-down-leave-to {
? ?transform: translate3d(0, -100%, 0);
}

查看全部

0 采集收起來源：標題欄和菜單欄實現(xiàn)（下）
2018-09-28
慕粉3553468
```
this.navigation?=?this.book.navigation
```
查看全部

0 采集收起來源：目錄功能實現(xiàn)
2018-09-23

慕粉3553468

//?初始化?epubjs?的?location?對象
this.book.ready.then(()?=>?{????
??return?this.book.loacations.generate()
}).then(res?=>?{?
?console.log(res)
?this.locations?=?this.book.loacations
})

//??生成?epubjs?的?location?的?方法
this.locations.cfiFromPercentage(percentage)

查看全部

0 采集收起來源：閱讀進度功能實現(xiàn)

2018-09-23

首頁上一頁 8 9 10 11 12 下一頁尾頁

舉報

0/150

提交

取消

開始學(xué)習(xí)

課程須知: 1.閱讀器的工作原理 2.ePub的工作原理 3.閱讀器引擎epub.js的應(yīng)用 4.Vue.js的基本應(yīng)用和過渡動畫實現(xiàn) 5.閱讀器的基本功能實現(xiàn)方法

老師告訴你能學(xué)到什么？: 本課程是Vue.js的中級課程，適合前端剛?cè)腴T或有一定基礎(chǔ)的同學(xué)進行學(xué)習(xí)，同時本課程包含大量閱讀器方面的專業(yè)知識，適合想了解閱讀器實現(xiàn)原理的同學(xué)學(xué)習(xí)

微信掃碼，參與3人拼團

第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

熱搜

最近搜索清空

快速入門Web閱讀器開發(fā)