OOP-framework für js und jquery

Ich bin der Entwicklung einer web-Anwendung. Die Anwendung ist immer sehr Komplex, um die noch vorhandenen habe ich beschlossen ich habe, stellen einige oop-Konzepte.

Die original-js oop einfach nicht native genug für mich (ich bin ein .net-Entwickler), und sein Erbe ist schrecklich. Ich kam in http://moo4q.com/, das sieht vielversprechend aus, aber scheint zu sein, ziemlich neu. Dies ist durchaus ein Risiko für mich.

Hoppla, was andere Regelungen gibt es, um zu verbessern mein jquery /js Entwicklung?

BEARBEITEN 1

Ich bin nicht auf der Suche nach einen Rahmen zu ersetzen, jquery, ich bin auf der Suche nach einem Rahmen, um es zu erweitern.

danke

  • JS ist objektorientiert. Es ist nicht nur Klasse-orientiert. Nur weil Sie nicht denken, mit Objekten, ohne Rückgriff auf Klassen bedeutet nicht, dass es nicht (oder weniger) OOP. Vielleicht sollten Sie versuchen, lernen, Prototyp-basierte OOP.
  • Ich habe es versucht. Nehmen inheritence zum Beispiel, den Zugriff auf die parent-Eigenschaften und die Methode ist so verdreht, es nimmt den Spaß aus der Entwicklung
  • Versuchen Sie John Resig ' s Ansatz zur Vererbung. Er ist der Kerl, der schrieb, jQuery, so dass sein code ist gut. Ich mag seine Umsetzung für die Vererbung.
  • Vielleicht, wenn Sie verstehen, wie JavaScript erbt und überschreibt es hilft:stackoverflow.com/a/16063711/1641941 einen guten Rahmen keine Garantie für die gute oop-code, aber ein guter Programmierer ist. Soweit die Komplikationen, die mit einer großen code-Basis, die entwickelt werden muss, die durch mehrere Entwickler haben, könnten Sie einen Blick auf die Schließung tools.
InformationsquelleAutor vondip | 2011-06-19
  1. 7

    Backbone.js fügt einige conecpts von OOP in javascript, die Ihnen helfen könnten. Es ist sehr komplementär zu jQuery und fügt auf seine Fähigkeiten.

    InformationsquelleAutor Variant
  2. 4

    Möchten Sie vielleicht zu prüfen, Knockout für simplifing Ihre UI-Umsetzung mit dem MVVM design pattern.

    InformationsquelleAutor devdigital
  3. 3

    Überprüfen http://ejohn.org/blog/simple-javascript-inheritance/
    OOP-Ansatz bilden, John Resig (Schöpfer von JQuery)

    InformationsquelleAutor Rodrigo
  4. 3

    Die besten OO-framework im moment, wie weit meine Forschung sagt mir, ist http://prototypejs.org. Es hat eine Menge Gemeinsamkeiten mit jQuery aber geht über jQuery, dass es auch ein JavaScript-Objekt-orientiertes framework.

    Stimme ich mit den obigen Beitrag über Licht Gewicht OO in JavaScript. Wenn Sie ein großes Objekt, das Sie nicht wollen, stecken zu bleiben, mit viel low-level-technischen OO details - Sie wollen einfach nur zu schreiben, Tonnen von Klassen und wissen, dass Sie auf rock-solid ground-und Prototypen machen das für Sie.

    Was macht prototype geben? eine saubere OO-framwork unterstützt Vererbung, Konstruktoren, Mixins in Verbindung, saubere Art und Weise zu nennen superclass-Methoden, Besondere Schüler, das hinzufügen von Methoden on-the-fly und vieles mehr.

    Prototyp verwendet werden kann, auf der gleichen Seite wie jQuery. Dies erfordert die richtige Reihenfolge der Import der beiden Bibliotheken, und nicht viel mehr. Es ist sehr klein (98K minified).

    InformationsquelleAutor Mark Veltzer
  5. 3

    überprüfen Sie heraus dieses Projekt:

    https://github.com/pylover/joop

    • Cross-Browser -
    • Javascript-Prototyp
    • Vererbungshierarchie
    • Mehrfache Vererbung & Mixins in Verbindung
    • Singleton-Muster
    • Statische Mitglieder

    Beispiel:

    Namespace('bmw.Car');

Class('bmw.Car', {
    maxSpeed : 200,                         //Prototype member
    __init__ : function(color,cylindres) {  //Constructor
        this.speed = 0;                     //Instance Member 
        this.color = color;
        this.cylindres = cylindres == undefined ? 4 : cylindres; 
    },
    isRunning : function() {                //Method
        return this.speed > 0;
    },
    run : function(speed) {
        this.speed = speed;
    }
}).StaticMembers({
    doors: 4,                               //Static field
    createSuperClass: function(){           //Static method
        return new this('gold',12);
    }
});
    InformationsquelleAutor pylover
  6. 2

    Javascript hat eine sehr elegante Art und Weise, mit Objekten zu arbeiten. Seien Sie vorsichtig über die Verwendung von Bibliotheken für die Umsetzung einer solchen grundlegenden OO-features. In Javascript können Sie schreiben der Objekt-orientierten code sauber und schön:

    • Nur Literale Objekte
    • Vergessen, die 'neue' Erklärung und 'Prototyp'
    • Eine Funktion schreiben, baut ein Objekt und nennen es eine 'Klasse'

    Hier ein Beispiel, das micro-framework (70 Zeilen), die dies verdeutlicht:

    https://github.com/schuttelaar/Rococo2/wiki/Getting-started

    Beachten Sie, dass während dieses framework bietet einige DOM-integration, die es eigentlich nicht geben OO Zucker Funktionalität, stattdessen bietet Sie eine 'coding style'.

    Hier ist meine eigene Seite, die erklärt featherlight OOP in JS:

    http://www.gabordemooij.com/jsoop.html

    • haben Sie die fehlenden Glieder!
    InformationsquelleAutor Gabor de Mooij
Schreibe einen Kommentar