Shulou(Shulou.com)06/02 Report--

The main content of this article is to explain "what is Bespoke js". Interested friends may wish to take a look. The method introduced in this paper is simple, fast and practical. Let's let the editor take you to learn what Bespoke js is.

Bespoke.js is a browser-based mini-framework for presentations. The idea of using frameworks to generate "PPT" is interesting. Bespoke.js is very small (only 1KB after compression), its core library provides simple API and event management, and other functions are implemented using plug-ins (it has its own plug-in ecological chain).

Bespoke.js creates a presentation

Because of the highly modular nature of Bespoke.js, the quickest way is to use the Bespoke.js generator, which supports a template demonstration of Gulp building systems.

Assuming that you have installed Node.js, please find it in a blank directory:

$npminstall-ggenerator-bespoke

$yobespoke

In your new project, you can use the following Gulp tasks

$gulpserve runs a preview server with LiveReload

$gulpdeploy deployed to the GitHub page

$gulp compiles static resources to the "public" directory

Basic usage

Custom loading

Bespoke.js is sent in UMD format, which means that bespoke and its plug-ins can be used as CommonJS/AMD modules.

HTML

You can use any tag you like, but the one below will be better.

Slide1

Slide2

Slide3

JavaScript

To create a new presentation, Bespoke.js provides the from (selector [, plugins]) method, which takes a selector or element reference and a plug-in and returns an instance.

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

/ / Nextslide

Deck.next ()

/ / Previousslide

Deck.prev ()

/ / Gotoaspecificslide

Deck.slide (0)

/ / Gettheactiveslideindex

Deck.slide (); / / 0

By default, all non-script child elements of the parsed parent element become slides.

Bespoke.js plug-in

All official plug-ins can be installed from npm or Bower, such as $npminstallbespoke-keys or $bowerinstallbespoke-touch

At present, the official plug-ins are: keyboard and remote control interaction, touch interaction, animation bullet list, responsive slide zoom size, background for animation background elements, progress bar progress, circular presentation, recording and playing vcr and so on. Please refer to the official materials for more information.

At this point, I believe you have a deeper understanding of "what Bespoke js is", might as well come to the actual operation of it! Here is the website, more related content can enter the relevant channels to inquire, follow us, continue to learn!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.