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是什么”有了更深的了解，不妨来实际操作一番吧！这里是亿速云网站，更多相关内容可以进入相关频道进行查询，关注我们，继续学习！