Wie man CSS3 Anwendungen schneller laufen mit yepnope.js

Ein Teil des Problems mit Browser-basierten Anwendungen ist, dass Sie eine einzelne Ressource aus einer CSS3 Bibliothek anfordern und mit der gesamten Bibliothek geladen enden. Der Prozess ist langsam, umständlich und fehleranfällig und einfach ineffizient.

Sie können verwenden yepnope.js zu helfen, diese Probleme zu überwinden. Wenn mit yepnope.js arbeiten, bieten Sie eine Bedingung, dass das Produkt testet dann, und nur dann, Lasten Ressourcen nach Bedarf eine bestimmte Bedingung zu unterstützen. Sie können dieses Produkt mit CSS3 und javascript-Dateien verwenden.

Glücklicherweise geht das yepnope.js Werkzeug weiter als nur Ressourcen basierend auf Bedingungen zu laden. Zum Beispiel rufen einige Anwendungen wird gedankenlos ein Skript mit dem gleichen Eingang mehrere Male Parameter, wenn nur ein Ausgang möglich ist, eine bestimmte Menge von Eingaben verwenden. Die mehrere Anrufe können sich als besonders zeitraubend, wenn eine andere URL aufrufen.

Sie können yepnope.js verwenden Veranstaltungen wie diese zu halten auftritt. Das Tool hilft der Anwendungscode smarter so hoher Latenz Anrufe vermieden werden, wenn möglich.

Ein weiteres Problem, mit Skripten ist, dass sie auch weiterhin, selbst zu laufen, wenn es keine Hoffnung, dass sie dann immer vollständig. Nach einer Weile, klickt der Benutzer auf die Schaltfläche Zurück oder geht an eine andere Stelle.

Sie können Timeouts für Skripte individuell mit yepnope.js hinzufügen, so dass es möglich wird, die Timeouts zu erkennen und sie als Fehler behandeln. Mit dieser Fähigkeit an Ort und Stelle, ist es potenziell möglich von Skripts wiederherzustellen, die weiterlaufen, wenn sie nicht sollten.

Im Mittelpunkt der yepnope.js ist die yepnope () Funktion. Es bietet eine Syntax, die wie folgt aussieht:

yepnope ([{Test: / * Ein Zustand, den Sie testen möchten * /, yep: / * Aufgaben ausgeführt werden, wenn wahr * /, nee. / * Aufgaben ausgeführt werden, wenn falsche * / beide: / * Aufgaben jedes Mal * ausgeführt / , Last: / * Ressourcen jedes Mal geladen * / Rückruf: / * Eine Funktion bei der Verarbeitung * /, komplett zu nennen: / * Eine Funktion nach der Verarbeitung zu nennen * /}, ...]) -

Die Grundidee ist, dass Sie ein Szenario, wo Aufgaben auf spezifische Bedürfnisse auf Basis durchgeführt werden, so dass die Anwendung keine Zeit Durchführung unnötige Aufgaben verbringen (Zeit und Ressourcen als Folge verschwenden). Natürlich bietet yepnope.js mehr Funktionen als in dieser Übersicht präsentiert, aber die kurze Version ist, dass dies eine intelligente Ressourcenlade ist.