Sebagian besar hal yang harus dilakukan oleh pengembang front-end dapat dilakukan tanpa mengetahui apa pun tentang backend kecuali API.
Namun, jika Anda telah bekerja dengan berbagai tugas untuk waktu yang lama, kemungkinan besar Anda akan menemukan sesuatu yang membutuhkan pengetahuan di bidang backend.
Di bawah ini adalah daftar singkat apa yang harus diperhatikan oleh perancang antarmuka.
Frekuensi permintaan
Backend memiliki sumber daya yang terbatas, dapat memproses permintaan hanya dengan frekuensi tertentu. Secara umum, Anda tidak boleh memikirkannya - frontend harus melakukan semua yang diperlukan untuk memberikan pengalaman pengguna yang berkualitas, sementara backend, pada gilirannya, dapat dioptimalkan dan ditingkatkan. Namun demikian, permintaan jaringan ke backend tidak gratis dan memiliki harga yang berbeda (dalam terminologi sumber daya yang digunakan)
Bagaimana kita bisa mengukur seberapa mahal permintaan itu?
Salah satu aturan praktis memberi tahu kita bahwa merekam selalu lebih mahal daripada membaca, sehingga semakin banyak data ditulis, semakin mahal kueri menjadi.
Mari kita lihat contoh ketika ini menjadi kritis: misalkan kita sedang mengembangkan 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 , .
, .
* Catatan Penerjemah:
Dalam aslinya itu seperti ini:
Petakan domain server Anda ke beberapa nama host di konfigurasi host lingkungan dev Anda.
Saya bisa salah paham apa yang ingin penulis katakan, jadi saya menambahkan catatan kaki.