Midori JavaScript Framework


Midori
Entwickler (en) Aycan Gulez
Stabile Version
2010.05 / 10. Mai 2010
Geschrieben in JavaScript
Typ Webanwendungs ​​-Framework
Lizenz MIT -Lizenz
Webseite http://www.midorijs.com

Midori war ein Ultra-Lichtgewicht[1] JavaScript -Bibliothek Das erleichtert JavaScript -Webentwicklung. Es wurde von Aycan Gulez erstellt und seit Juni 2010 nicht mehr aktualisiert. Die Website wurde im November 2018 nicht mehr gesenkt. Seit August 2019 wurde sie zu verschiedenen nicht verwandten japanischen Websites.

Merkmale

Verwenden

Midori besteht aus 10 Modulen und ist als einzelne JavaScript -Datei verfügbar. Es kann in jeder Webseite mithilfe des folgenden Markups enthalten sein:

<Skript Typ="Text/JavaScript" src="Pfad/to/Midori.js"> </Skript>

Midori ermöglicht die Verwendung von Standard -CSS -Syntax zum Zugriff auf DOM -Elemente und unterstützt die meisten CSS2- und CSS3 -Selektoren.[2] Es gibt drei Möglichkeiten, an zurückgegebenen DOM -Elementen zu arbeiten.

  • Übergeben von JavaScript-Code, um eine einzelne Eigenschaft mithilfe des integrierten Integration zu ändern apply() Methode:
// Legt die Hintergrundfarbe aller Zellen in gleichmäßigen Reihen in "Gelb" in der "Städte" -Tabelle fest Midori.erhalten('#cities tr: nth-Kind (gleich) td').anwenden('style.backgroundcolor = "gelb"' ');
  • Übergeben einer Funktion, die einen einzelnen Parameter für komplexere Operationen nimmt, wobei dies wiederum verwendet wird apply() Methode:
// markiert die Zellen, deren Werte 12 oder größer in der "Städte" sind Midori.erhalten('#cities td').anwenden(Funktion (o) {  wenn (analysieren(o.Innerhtml) > = 12) o.Stil.Hintergrundfarbe = 'rot'; });
  • Direkt auf Array -Einträge zugreifen, die von zurückgegeben wurden midori.get() ist auch möglich.
// Gibt das erste Div -Element zurück var Firstdiv = Midori.erhalten('Div') [0];

Siehe auch

Verweise

  1. ^ 10 vielversprechende JavaScript -Frameworks
  2. ^ Liste der CSS -Selektoren Midori unterstützt

Externe Links