Die überwiegende Mehrheit der Dinge, die Front-End-Entwickler tun sollten, kann erledigt werden, ohne etwas über das Backend außer der API zu wissen.
Wenn Sie jedoch schon lange mit verschiedenen Aufgaben gearbeitet haben, werden Sie höchstwahrscheinlich auf etwas stoßen, das einige Kenntnisse im Bereich Backend erfordert.
Unten finden Sie eine kurze Liste dessen, was ein Interface-Designer beachten sollte.
Frequenz anfordern
Das Backend verfügt nur über begrenzte Ressourcen und kann Anforderungen nur mit einer bestimmten Häufigkeit verarbeiten. Im Allgemeinen sollten Sie nicht darüber nachdenken - das Frontend sollte alles tun, was für eine qualitativ hochwertige Benutzererfahrung erforderlich ist, während das Backend wiederum optimiert und skaliert werden kann. Netzwerkanfragen an das Backend sind jedoch nicht kostenlos und haben unterschiedliche Preise (in der Terminologie der verwendeten Ressourcen).
Wie können wir messen, wie teuer die Anfrage ist?
Eine der praktischen Regeln besagt, dass das Aufzeichnen immer teurer ist als das Lesen. Je mehr Daten geschrieben werden, desto teurer werden die Abfragen.
Schauen wir uns ein Beispiel an, wann dies kritisch wird: Angenommen, wir entwickeln Google Docs.
, . ?
, . , 99% 1%.
, , .doc . ? , , .
, : , . , , .
(downtime)
- . , - .
, " ", ( , , )
, . , e , .
, try catch . javascript (recovery panic), , .
HTTP
HTTP ( ). , 400.
, .
, , , 401 .
, 400- , , . 500- , .
HTTP :
- HTTP . ( 20 ), -, . , -.
- ( ), HTTP (multipart/form-data), .
- , URL. - query , 2048 , HTTP .
- , ?
. :
- — . , , .
- , . macbook, chromebook 100 .
- . pro . , - - .
-
, , - - . (Same-Origin Policy). , .
npm/yarn , -.
:
hosts nginx*.- c- , production false, development true.
- .
(CSRF) — , .
: - javascript , .()
, CSRF , - . .
. , , , .
- , , favouritewebsite.com/static/script.js.
script.js? . , script.js script.js?v=2, index.html.
script.js , ( index.html ! index.html ).
, javascript script.4e885f13.js. css , .
, .
* Anmerkung des Übersetzers:
Im Original war es so:
Ordnen Sie Ihre Serverdomänen einem Hostnamen in der Hostkonfiguration Ihrer Entwicklungsumgebung zu.
Ich könnte falsch verstehen, was der Autor sagen wollte, also füge ich eine Fußnote hinzu.