-
Notifications
You must be signed in to change notification settings - Fork 57
Getting Started: installation
Before installing DisplayJS, you need to know that DisplayJS comes in 4 different builds:
-
display.js: not-minified - written in normal JavaScript | Most heavyweight file -
display.min.js: minified - written in normal JavaScript | Lightweight file -
display.es6.js: not-minified - written in ECMAScript 6+, optimized for modern browsers | Most heavyweight file -
display.es6.min.js: minified - written in ECMAScript 6+, optimized for modern browsers | Most lightweight file
There are multiple ways of installing DisplayJS. Here are some by category:
NPM:
$ npm install display.jsYarn:
$ yarn add display.jsBower:
$ bower install display.jsCurrently, we have only 3 official CDNs, if you guys want DisplayJS another cdn, just send a mail to them because we currently don't have enough stars ⭐️ on GitHub.
UNPKG - Always the latest version / easier to work with
<script src="https://unpkg.com/display.js"></script>jsDelivr - Always the latest version
<script src="https://cdn.jsdelivr.net/npm/display.js"></script>CDNJS - By far the fastest / best for production
// Make sure to change the version v
<script src="https://cdnjs.cloudflare.com/ajax/libs/DisplayJS/1.0.0/display.min.js"></script>Download the repo:
$ git clone https://github.com/arguiot/DisplayJSDownload files from the releases
After installing DisplayJS, read the basic page 😊.
- Home
- The Core Languages
- Getting Started: Installation
- The Basics (
$.var()+$.target()) - Developing for DisplayJS
-
$.select()- Text related
- If...else
$.xss()$.repeat()$.custom()$.live()$.load()$.on()$.onEvent()$.ready()- Scroll API
$.all()$.clone()$.is()$.valEmpty()$.remove()$.show()&$.hide()$.ajax()- Class Related
$.css()$.getStyle()- Fade effects
$.extend()$.dynamic()$.parent()- Elements-Nodes
$.component()$.time_ago()$.copy()$.then()$.sleep()$.getProp()