本篇内容主要讲解“Bespoke js是什么”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“Bespoke js是什么”吧!
卓资ssl适用于网站、小程序/APP、API接口等需要进行数据传输应用场景,ssl证书未来市场广阔!成为成都创新互联的ssl证书销售渠道,可以享受市场价格4-6折优惠!如果有意向欢迎电话联系或者加微信:18980820575(备注:SSL证书合作)期待与您的合作!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
你可以使用任意你喜欢的标签,但下面的会更好~
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是什么”有了更深的了解,不妨来实际操作一番吧!这里是创新互联建站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!