Unsere Datenschutzrichtlinie wird in Kürze aktualisiert. Bitte sehen Sie sich die Vorschau an.

AngularJS 1.3 Grundkurs

Verwendung einmaliger Bindungen

Testen Sie unsere 2018 Kurse

10 Tage kostenlos!

Jetzt testen Alle Abonnements anzeigen
Die ausschließliche Verwendung von einmaligen Bindungen führt bei komplexen Applikationen zu einer deutlichen Steigerung der Performance.
03:04

Transkript

Erlaubt mir bitte, dass ich euch noch den einen oder anderen Performance-Tipp gebe. Eines der Performance hungrigsten Sachen sind natürlich innerhalb von AngularJS Bindungen, weil im Grunde genommen jede Bindung hier dafür sorgt, dass mit einem Watcher überprüft wird, ob dieser Wert hier sich ändert beziehungsweise nicht ändert, um dann eine view-wine drin hinzufügen. Gucken wir uns das Ganze mal einfach mit einem Hilfsmittel, wie zum Beispiel diese Angular-Erweiterung hier mal an! Die Erweiterung heißt übrigens Batarang, gut, aktiviere ich das ja einfach mal. Dann seht ihr, dass ich hier ganz ganz viele unterschiedliche Bindungen habe. Und jede dieser Bindungen erzeugt logischerweise immer einen Scope. Und alle Elemente, die ich jetzt hier in irgendeiner Form gebunden habe, machen dann hier an dieser Stelle auch noch zusätzlich eine Watcher-Funktionalität, die Zeit kostet, schlecht in Ergreifen. Und ich sehe hier dann auch entsprechend, wie viel Zeit das benötigt, und wie lange es dann dauert, um das hier darzustellen, und hier rendern zu lassen. Tut mir einen riesen Gefallen! So eine Liste, wie ihr sie hier seht, ist hier kombiniert mit statischen Werten, und die muss jetzt nicht mit irgendeiner Form observiert werden. Tut mir den Gefallen, daher und wo immer ihr könnt, verwendet die einmalige Bindung! Wenn ihr zwei Doppelpunkte vor einem Ausdruck definiert, sorgt ihr dafür, dass die Bindung einmalig gemacht wird, nachdem der Wert definiert wurde. Anschließend wird der Watcher deaktiviert, und ihr observiert quasi nicht mehr die Eigenschaft, was dazu führen würde, dass würde sich diese Eigenschaft ändern, der Eintrag hier nicht nur gerendert werden würde. Das ist aber in dieser Liste nicht schlimm, denn in unserem Fall ist es ja so, dass selbst wenn wir hier mit einem Filter hier agieren, dass sich nicht dieser Wert ändern werden, sondern wenn überhaupt hier der Eintrag des Users, und dementsprechend ist es komplett schmerzfrei die Bindung der Eigenschaften, die ich hier darstellen möchte, einmalig zu machen. Und führen wir das Ganze jetzt noch mal, außen seht ihr, dass die Erweiterungszeit dass wir eine längere Zeit zum Ausfüllen gebraucht haben, aber dafür war das Ganze wirklich nur einmalig. Das heißt, der Watcher wurde ausgehängt, und beim nächsten Leute Checking, werden wir definitiv davon profitieren. Bei den Scopes habe ich hier nur noch eine einmalige Bindung, die mir dann deutlich mehr in diesem Moment hilft. Tut mir also den Gefallen, wann immer ihr könnt, einmalige Bindung, wenn ihr zum Beispiel auch so was habt, wie Lokalisierung, die einmalig sind, oder ihr habt Logoinformationen, die euch über den Rest Schnittstelle gegeben hat, die einmalig sind, wo sich das Logo nicht mehr ändert, also dann nehmt das bitte und macht das einmalig. Das System wird es euch danken. Ich möchte euch jetzt aber auch nicht in komplette nackte Panik versetzen. Es ist jetzt nicht so, dass AngularJS in irgendeiner Form langsam ist, aber wenn ihr mit ganz ganz vielen Datenmengen und Listen arbeitet, macht sich das sehr schnell bezahlt.

AngularJS 1.3 Grundkurs

Legen Sie mit AngularJS moderne, anspruchsvolle Webprojekte auf der Basis von HTML, CSS und JavaScript an.

4 Std. 15 min (74 Videos)
Derzeit sind keine Feedbacks vorhanden...
 
Hersteller:
Software:
AngularJS AngularJS 1.3
Exklusiv für Abo-Kunden
Erscheinungsdatum:19.11.2014

Dieser Online-Kurs ist als Download und als Streaming-Video verfügbar. Die gute Nachricht: Sie müssen sich nicht entscheiden - sobald Sie das Training erwerben, erhalten Sie Zugang zu beiden Optionen!

Der Download ermöglicht Ihnen die Offline-Nutzung des Trainings und bietet die Vorteile einer benutzerfreundlichen Abspielumgebung. Wenn Sie an verschiedenen Computern arbeiten, oder nicht den ganzen Kurs auf einmal herunterladen möchten, loggen Sie sich auf dieser Seite ein, um alle Videos des Trainings als Streaming-Video anzusehen.

Wir hoffen, dass Sie viel Freude und Erfolg mit diesem Video-Training haben werden. Falls Sie irgendwelche Fragen haben, zögern Sie nicht uns zu kontaktieren!