千家信息网

Bespoke js是什么

发表于:2026-11-04 作者:千家信息网编辑
千家信息网最后更新 2026年11月04日,本篇内容主要讲解"Bespoke js是什么",感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习"Bespoke js是什么"吧!Bespoke.js是一个基于浏
千家信息网最后更新 2026年11月04日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

  你可以使用任意你喜欢的标签,但下面的会更好~

  

  

Slide1

  

Slide2

  

Slide3

  

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

很赞哦!
插件 演示 元素 方法 内容 官方 文稿 动画 幻灯 幻灯片 更多 框架 模块 目录 背景 进度 学习 生成 更深 有意思 数据库的安全要保护哪些东西 数据库安全各自的含义是什么 生产安全数据库录入 数据库的安全性及管理 数据库安全策略包含哪些 海淀数据库安全审计系统 建立农村房屋安全信息数据库 易用的数据库客户端支持安全管理 连接数据库失败ssl安全错误 数据库的锁怎样保障安全 中国互联网科技股 互联网最新的科技 今日互联网科技 以房互联网科技 互联网科技论文 万达互联网科技 长亮科技互联网金融 撒么互联网科技公司 互联网科技股午盘股票涨跌 衡水科技产业互联网平台 互联网科技与管理 江阴互联网智能科技产品进口 互联网科技与大数据专业 深圳无忧互联网科技 信承诺互联网科技有限公司 互联网科技手机排行榜 盐城市攀科互联网科技有限公司 亚光科技低轨卫星互联网 重庆科技产业互联网有哪些 恒生互联网科技趋势 咖啡 佩信高科技互联网 阿里互联网科技公司 昭通互联网科技选哪家 宝灵互联网科技有限公司 世界互联网领先科技成果获奖 中天科技中国工业互联网 江苏互联网智能科技产品出厂价 互联网金融金融科技 青岛互联网科技园

扫描关注千家信息网微信公众号,第一时间获取内容更新动态

转载请说明来源于"千家信息网"

本文地址:https://www.qianjiagd.com/a244313

0