onsen-uiAan de slag met onsen-ui


Opmerkingen

Deze sectie geeft een overzicht van wat onsen-ui is en waarom een ontwikkelaar het misschien wil gebruiken.

Het moet ook alle grote onderwerpen in onsen-ui vermelden en naar de gerelateerde onderwerpen verwijzen. Aangezien de documentatie voor onsen-ui nieuw is, moet u mogelijk eerste versies van die gerelateerde onderwerpen maken.

Invoering

Onsen UI is een open-source framework waarmee u hybride apps kunt bouwen met native-achtige prestaties. Het kan worden gebruikt in combinatie met verschillende bekende JavaScript-frameworks zoals AngularJS (1 & 2), ReactJS en jQuery.

Het laden van OnsenUI in een project is net zo eenvoudig als het schrijven van enkele standaardtags HTML in uw index.html-bestand:

<!doctype html>
    <html lang="en">
      <head>
        <meta charset="utf-8">
        <!-- load Onsen structure CSS file -->
        <link rel="stylesheet" href="lib/onsen/css/onsenui.css"/>
        <!-- load Onsen theme CSS file -->
        <link rel="stylesheet" href="lib/onsen/css/onsen-css-components.css"/>
        <!-- load Onsen main Javascript file -->
        <script src="lib/onsen/js/onsenui.js"></script>
        <script>
          ons.ready(function() {
            // Init code here
          });
        </script>
      </head>
      <body>
        <ons-navigator>
          <ons-page>
            Hello World!
          </ons-page>
        </ons-navigator>
      </body>
    </html>
 

ons.ready functie is de hoofdfunctie die ons veilig kan vertellen wanneer de Onsen UI-initialisatie is voltooid. Vervolgens kunt u elk van de OnsenUI- componenten gebruiken .