Requirejs domReady Plugin vs Jquery $ (Dokument) .ready ()?

Wie es scheint, alle wichtigen Punkte wurden bereits getroffen, aber ein paar details fielen durch die Ritzen. Vor allem:

domReady

Es ist ein plugin und ein Modul. Wenn Sie es in den Anforderungen-array w/a trailing ! dein Modul wird nicht ausgeführt, bis es "sicher" zu interagieren w/DOM:

define(['domReady!'], function () {
    console.info('The DOM is ready before I happen');
});

Beachten Sie, dass das laden und ausführen sind verschiedene; Sie wollen alle Ihre Dateien zu laden, so bald wie möglich, es ist die Ausführung der Inhalte, die Zeit-sensibel sind.

Wenn du weglassen, die ! ist, dann ist es nur ein normales Modul, das passiert zu sein eine Funktion, die einen Rückruf, der nicht ausgeführt werden soll, bevor der DOM ist sicher interagieren mit:

define(['domReady'], function (domReady) {
    domReady(function () {
        console.info('The DOM is ready before I happen');
    });
    console.info('The DOM might not be ready before I happen');        
});

Vorteil bei der Verwendung von domReady als plugin

Code, hängt davon ab, ein Modul, das wiederum hängt davon ab domReady! hat einen sehr wesentlichen Vorteil: Es braucht nicht zu warten, bis das DOM fertig zu sein!

Sagen, dass wir einen code-block Ein, das hängt davon ab, Modul B, das hängt davon ab domReady!. Modul B wird nicht geladen, bevor der DOM fertig ist. In turn, A wird nicht ausgeführt, bevor B geladen wurde.

Wenn Sie auf domReady als reguläres Modul in B, es würde auch notwendig sein, das Eine hängt domReady sowie wickeln Ihren code innerhalb einer domReady() Aufruf der Funktion.

Darüber hinaus bedeutet dies, dass domReady! genießt, die gleichen Vorteile gegenüber $(document).ready().

Wieder die Unterschiede zwischen domReady und $(document).ready()

Beide erschnüffeln, ob/wenn das DOM bereit ist, in im wesentlichen der gleichen Weise.

Re Angst vor jQuery feuern zur falschen Zeit

jQuery wird Feuer bereit callback-auch wenn der DOM geladen ist, bevor jQuery tut (Ihr code sollte nicht egal, was zuerst Eintritt.).

InformationsquelleAutor der Antwort fncomp

Beantwortung Ihrer Kugeln in der Reihenfolge des Auftretens:

• Tun Sie beide das gleiche erreichen
• Wenn Sie Bedenken über das jquery-aus welchem Grund auch immer dann verwenden, domReady
• Korrigieren, so verwenden Sie einfach die jQuery -
• Denn nicht jeder nutzt jQuery
• Ich bin damit einverstanden, nutzen Sie einfach jQuery
• Plugins per definition "ernähren müssen'.
• Cross-Browser-ajax ist kein Ding. Cross-Domain? Es ist wahrscheinlich, und wenn nicht, dann gibt es keine Notwendigkeit zu füttern.
• -, -, - Ok

Wenn es darauf ankommt, sind Sie overthinking. Es ist ein Mechanismus zum ausführen von javascript auf domReady. Wenn Sie nicht über jQuery würde ich befürworten das domReady-plugin. Da hast du jQuery dann nicht mehr laden Skripts zu tun, etwas, das bereits vorhanden ist.

Klarheit Update

Den domReady-plugin speichert Funktionen zu rufen, wenn das Dokument ist 'bereit'. Wenn es bereits geladen dann werden Sie sofort ausgeführt.

JQuery sammelt Funktionen und bindet ein deferred-Objekt der dom als 'bereit'. Wenn der dom fertig ist das deferred Objekt gelöst werden und die Funktionen werden ausgelöst. Wenn der dom-ist schon 'fertig' und dann das latente wird schon gelöst werden, damit die Funktion wird sofort ausgeführt.

Dies bedeutet, dass effektiv, Sie tun genau das gleiche.

InformationsquelleAutor der Antwort awbergs

Fand ich ich Tue dies als Teil des Haupt-Eintrag, so dass alle meine javascript ist garantiert, dass das DOM bereit ist und das jquery geladen wird. Nicht sicher, wie groß diese ist, so Ihre Kritik ist jederzeit willkommen aber hier ist mein main.js:

require(['domReady!'], function(domReady){
    console.log('dom is ready');
    require(['jquery', 'bootstrap'], function(){
        console.log('jquery loaded');
        require(['app'], function(app){
            console.log('app loaded');
        });
    });
});

InformationsquelleAutor der Antwort Bil Simser