Bespoke js是什么

本篇內容主要講解“Bespoke js是什么”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學習“Bespoke js是什么”吧!

　　Bespoke.js是一個基于瀏覽器，用于演示文稿的微型框架。用框架來生成“PPT”的想法倒是挺有意思的。Bespoke.js非常小（壓縮后只有1KB），它的核心庫提供簡單的API和事件管理，其他功能都使用插件（它有自己的插件生態鏈）來實現。

　　Bespoke.js創建演示文稿

　　由于Bespoke.js的高度模塊化特性，最快捷的方法是使用Bespoke.js生成器，它支持Gulp構建系統的樣板演示。

　　假設您已經安裝了Node.js，請在空白目錄中：

　　$npminstall-ggenerator-bespoke

　　$yobespoke

　　在你的新項目中，你可以使用以下Gulp任務

　　$gulpserve運行帶有LiveReload的預覽服務器

　　$gulpdeploy部署到GitHub頁面

　　$gulp將靜態資源編譯到“public”目錄

　　基本用法

　　定制加載

　　Bespoke.js以UMD格式發送，這意味著bespoke及其插件可用作CommonJS/AMD模塊。

　　HTML

　　你可以使用任意你喜歡的標簽，但下面的會更好~

　　<articleid="presentation">

　　<section>Slide1</section>

　　<section>Slide2</section>

　　<section>Slide3</section>

　　</article>

　　JavaScript

　　要創建新的演示文稿，Bespoke.js提供了from(selector[,plugins])方法，該方法采用了一個選擇器或元素引用和一個插件并返回實例。

　　vardeck=bespoke.from('#presentation',[plugins]);

　　//Nextslide

　　deck.next();

　　//Previousslide

　　deck.prev();

　　//Gotoaspecificslide

　　deck.slide(0);

　　//Gettheactiveslideindex

　　deck.slide();//0

　　默認情況下，解析的父元素的所有非腳本子元素都將成為幻燈片。

　　Bespoke.js插件

　　所有官方插件可以從npm或Bower安裝，例如$npminstallbespoke-keys或$bowerinstallbespoke-touch

　　目前官方提供的插件有：鍵盤和遙控器交互，觸摸交互，動畫項目符號列表，響應式幻燈片縮放尺寸，背景為動畫背景元素，進度條進度，循環演示，錄制和播放vcr等。更多內容請查閱官方資料。

到此，相信大家對“Bespoke js是什么”有了更深的了解，不妨來實際操作一番吧！這里是億速云網站，更多相關內容可以進入相關頻道進行查詢，關注我們，繼續學習！