miox Download - miox -Quellcode -Download

miox

Website-Daten

1.0.0

Herunterladen

Moderne Infrastruktur des komplexen Spa

Miox ist ein SPA -Management -Framework.

In der klassischen Webentwicklung erstellt und verwaltet Browser eine Reihe von Lebenszyklusaktivitäten der Webseite, wie z. B. Sitzungsverlauf, Seitenerstellung, Verwerfen, Pageshow, PageHide, auf dem Entwickler ihre eigene Logik verarbeiten können.

In einer SPA -Anwendung müssen Entwickler all diese Ereignisse selbst oder um einen Rahmen, der sich mit ihnen befasst, zu tun haben. Miox ist ein weiterer Rahmen, der sich mit ihnen befasst.

Was Miox zu besonders macht, ist, dass es jeden Render -Kern unterstützt, was bedeutet, dass der Entwickler Miox gleichzeitig in ihre Projekte einführen und bei seinem Lieblingsreakt oder Vue bleiben kann.
Miox konzentriert sich darauf, eine Spa -Laufzeit zu sein. Mit so begrenztem kleinem Ziel wurde die Fähigkeit entwickelt, sich leicht in die meisten wesentlichen Technologien zu integrieren, einschließlich Redux/Vuex, SSR usw.

Bis heute verwendet fast jedes Web-Front-End-Projekt in 51 Kreditkarte Miox als Spa-Framework sowohl auf PC als auch auf mobilen Seiten, was bedeutet, dass Miox bereits in der Produktion weit verbreitet und getestet wird.

Demo

Auf dem Handy können Sie hier besuchen. Dies ist eines der U51 -Produkte.
Miox -Demo für Basic -Verwendung .

Dokumentation

Die Miox -Dokumentation finden Sie auf der Website. Es ist in mehrere Abschnitte unterteilt:

Fangen an
Fortschrittlich
Plugins
Beitrag

Sie können es verbessern, indem Sie Pull -Anfragen an dieses Repository senden.

Wir geben einen Artikel zur Veranschaulichung von Miox.

Beispiele

Sie können Ihr Projekt mit dem folgenden Code starten:

Index.js : Der Eingang Ihres Projekts.

 import Miox from 'miox' ;
import Engine from 'miox-react' ;
import router from './route' ;

const app = new Miox ( { ... options } ) ;
app . install ( Engine ) ;
app . use ( router . routes ( ) ) ;
export default app . listen ( ) ;

Route.js : Routing -Datei.

 import Router from 'miox-router' ;
import Page from './page.jsx' ;

const route = new Router ( ) ;
export default route ;
route . patch ( '/' , async ctx => {
  await ctx . render ( Page ) ;
} ) ;

Page.jsx : Rendering WebView -Datei.

 import React from 'react' ;
import ReactDOM from 'react-dom' ;
export default class ExamplePage extends React . Component {
  render ( ) {
    return < h1 > Hello World! </ h1 > ;
  }
}

In diesem Beispiel wird "Hallo Welt!" in einen Container auf der Seite.

Installation

Miox ist als Miox -Paket auf NPM erhältlich.

Wir bieten ein Gerüst an, um die Installation des Projekts zu erleichtern. Sobald das Projekt installiert ist, können Sie mit dem Schreiben von Business Logic beginnen.

Installieren Sie miox-cli , um ein Projekt zu erstellen:

npm install -g miox-cli

Führen Sie dann den Code von miox create aus, um ein neues Projekt zu erstellen:

miox create

Weitere Befehle, bitte lesen Sie hier.

Beitragen

Der Hauptzweck dieses Repositorys besteht darin, das Miox weiter zu entwickeln, wodurch es schneller und einfacher zu verwenden ist. Die Entwicklung von Miox findet im Freien auf Github statt, und wir sind der Community dankbar, dass wir Fehler und Verbesserungen beigetragen haben.