#1 14. Oktober 2011 Zuletzt von einem Moderator bearbeitet: 29. Juni 2020 JNode: JavaScript Framework Hallo Community, wie der ein oder andere vielleicht weiß, hatte ich angefangen ein JavaScript Framework zu erstellen, welches ohne den Ballast für veraltete Browser daher kommt. Ich habe diesen Gedanken weiter gesponnen und das ganze nochmal von Grund auf neu und ohne zusätzlichen Schnickschnack (Class, Sizzle usw.) erstellt. Die API des Frameworks lehnt ein wenig an Prototype an ($ -> id, $$ -> selector), doch ich habe keinerlei Features übernommen und den Quelltext aufs nötigste reduziert (im Gegensatz zum Vorgänger JHP). Minified kommt das Script aktuell auf 38kb, gzipped auf 11kb - es eignet sich also auch für Mobile Webpages. Nun aber zu euch: Jeder der will und kann darf mitarbeiten und seine Ideen mit einfließen lassen. Derzeit unterstützt wird: - CSS Transitions - Ajax + Upload/FormData, JSONP - Eventmanagment - DOM Manipulationen Unterstützte Browser: - Firefox 3.6+ / Seamonkey 2 / Fennec - Chrome / Safari 3.2+ / MobileWebkit - Opera 10.5+ - MSIE 8+ Firefox < 4, Seamonkey < 2.1 und MSIE unterstützen keine CSS-Transitions (Fallback nicht in Planung). Download raidrush-dev/JNode · GitHub (GitHub) Klassen: JNode Beinhaltet alle Methoden zum verarbeiten/manipulieren von DOM-Elementen. JEvent (JNode.Event) Beinhaltet alle Methoden die einem das Arbeiten mit events erleichtern sollen. JList (JNode.List) Ist eine art NodeList mit drei eigenen Methoden: - pluck() liefert eine bestimmte Eigenschaft aller gefundenen Nodes als Array zurück. - invoke() ruft eine bestimmte Methode aller gefundenen Nodes auf. - each() ruft für jedes gefundene Element die angegebene Funktion auf JRequest (JNode.Request) Ist ein Wrapper für AJAX/JSONP Anfragen (WIP) API: $(element [, element2 [ ... elementN ]]) Erweitert Elemente/Events oder sucht nach Elementen anhand der id. Beispiel: Code: $("id").listen('click', function(event) { $(event).stop(); // event stoppen alert("yada yada yada"); }); Rückgabewerte: $("id") -> JNode $(element) -> JNode $(event) -> JEvent (JNode.Event) $("id1", "id2", "id3") -> JList (JNode.List) $$(css_selector [, context = document [, first = false ]]) Such anhand eines CSS-Selectors nach Elementen und gibt diese in einer JList oder als JNode zurück. Beispiel: Code: $$("div.foo, div#bar").each(function(node) { alert(node.prop('tagName')); }); Rückgabewerte: - $$("#id") oder $$("tagname#div") -> JNode (da ids nur einmal existieren) - $$("body"), $$("html"), $$("head"), $("title") -> JNode (da diese Elemente nur einmalig vorhanden sind) - $$("selector", null, true) -> JNode (da nur der erste Fund angefordert wurde) - sonstiges -> JList (JNode.List) + Multi-Zitat Zitieren
#2 28. Oktober 2011 Zuletzt von einem Moderator bearbeitet: 29. Juni 2020 AW: JNode: JavaScript Framework funktioniert nun auch unter mobile-webkit (android/ios) + Multi-Zitat Zitieren
#3 2. November 2011 AW: JNode: JavaScript Framework updates: - CSS Keyframe Animation support via .morph() / .anim() - CSS-Transforms support in MSIE via .morph() / .anim() ohne transitions - classList polyfill in JNode.prototype - bugfixes Alpha2: - div. Code- & Speicher-optimierungen - Verhaltensänderungen bei bestimmten Methoden, die sonst auf Grund Ihrer unerwarteten Rückgabe (z.b.: `null` statt Array) vorhandenen Code unterbrechen würden. + Multi-Zitat Zitieren
#4 3. November 2011 Zuletzt von einem Moderator bearbeitet: 29. Juni 2020 AW: JNode: JavaScript Framework jsdoc online. fehlerhaftes englisch bitte entschuldigen. inline gibt man sich nicht so die mühe ^^ ich werd die doku aber in zukunft in deutsch erstellen. + Multi-Zitat Zitieren
#5 8. November 2011 AW: JNode: JavaScript Framework nein, ist gefixt. falsch: Code: this.node.insertAdjacentElement(convertPosition(pos). content); richtig: Code: this.node.insertAdjacentElement(convertPosition(pos), content); wer findet den fehler? und nicht auf github schummeln + Multi-Zitat Zitieren
#6 8. November 2011 Zuletzt von einem Moderator bearbeitet: 29. Juni 2020 Vue vs React: Anwendungen Vue.js vs React werden beide in der Webentwicklung verwendet, hauptsächlich für Webanwendungen. Sie haben sicherlich ihre wichtigsten Vor- und Nachteile. Vue.js wurde aufgrund seiner schnellen Leistung ausgewählt, weshalb es für viele Startups während der MVP-Entwicklung eine gute Option ist. Der Haupttrumpf von React ist ein reiches Ökosystem und Popularität. Es ist das beliebteste JS-Framework mit Tausenden von kostenlosen Tools, Bibliotheken und Bildungsressourcen. React.js verfügt daher über die Mittel, um große Projekte aufzunehmen. Wenn eine umfassende Funktionalität eine höhere Priorität als die Geschwindigkeit hat, ist React die erste Wahl. Warum werden React und Vue.js verglichen? Vue.js erfreut sich wachsender Beliebtheit und React-Entwickler erwägen, ihre Projekte auf schnellere und leistungsstärkere Vue.js umzustellen (wir werden sehen, warum dies der Fall ist). Als neue Technologie weist Vue jedoch seine eigenen Mängel auf. Deshalb müssen wir die beiden sorgfältig vergleichen und herausfinden, auf welche Bedürfnisse sie besser reagieren können. Was ist Vue.js? Das Vue.js-Framework wurde für das Design und die Entwicklung der Benutzeroberfläche erstellt. Die Kernfunktionalität konzentriert sich auf Schnittstellenaufgaben. Sie können es in jedes JS-Projekt für die Schnittstellenentwicklung integrieren, während Sie ein anderes JS-Framework für die Entwicklung komplexer Front-End-Vorgänge verwenden. Der Hauptzweck von Vue besteht darin, die Ansicht der Software zu verwalten. Im Gegensatz zu React ermöglicht Vue das Arbeiten mit Animationen und das Verwalten von Status mit der offiziellen Bibliothek (Vuex). Insgesamt ist die Kernfunktionalität viel vielseitiger. Um die Funktionalität des Vue in React zu erreichen, müssen Sie Dutzende zusätzlicher Bibliotheken installieren. Was ist REACT? React ist ein umfangreiches JavaScript-Framework und eine Bibliothek für die Entwicklung von Benutzeroberflächen. Im Laufe der Zeit erwarb React ein reichhaltiges Ökosystem, mit dem das Tool für komplexe UI-Prozesse, Datenverarbeitung, Personalisierung usw. verantwortlich ist. Im Vergleich zu Vue ist es ein eigenständigeres Tool, obwohl es häufig auch in andere Bibliotheken (GraphQL, Redux, und andere). React.js ist nicht nur auf die Webentwicklung beschränkt. Sie können React Native auch zum Erstellen hybrider mobiler Apps verwenden. Vue hat eine ähnliche Funktion (Vue Native), ist jedoch nicht so beliebt und umfangreich wie die Lösung von React. React wird von Facebook entwickelt und gesichert und verfügt über eine aktive Open Source-Community. quelle: Vue vs React: Choosing a Front-End Framework for Your Project + Multi-Zitat Zitieren
#7 10. November 2011 Zuletzt von einem Moderator bearbeitet: 15. April 2017 AW: JNode: JavaScript Framework version++ updates: - ne menge bugs behoben - dim(), width() und height() hinzugefügt - effekte hinzugefügt - morph() flog raus - anim() api geändert - JNode.Query (QueryString) hinzugefügt + Multi-Zitat Zitieren