Sekarang saya hanya menggunakan rangka kerja untuk menulis SPA di bahagian hadapan, dan kemudian hanya memproses data berkaitan pangkalan data di latar belakang, dan menghantar data melalui API yang tenang sebelum dan selepas ini, saya tidak tahu.
Apa yang dipanggil pemaparan bahagian pelayan merujuk kepada penjanaan fail HTML di latar belakang dan menghantarnya ke bahagian hadapan Bagaimana pula dengan reaksi dan Vue yang memperkenalkan DOM maya?
Apakah maksud pemaparan bahagian hadapan Menghuraikan HTML untuk menjana pepohon DOM dan kemudian melukis halaman?
Rendering bahagian hadapan dan rendering pihak pelanggan bermaksud perkara yang sama, bukan?
Apakah senario aplikasi untuk pemaparan bahagian hadapan dan pemaparan bahagian pelayan?
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Sukar untuk menerangkan dengan jelas dalam beberapa perkataan, anda boleh rujuk pautan di bawah:
Rendering hadapan dan rendering belakang
Apakah perbezaan antara html rendering back-end, html rendering template front-end dan jquery html?
Bacaan intensif tentang perdebatan antara rendering bahagian hadapan dan bahagian belakang
Paparan pertama, di sini anda hanya perlu memasang data dan template ke dalam html.
Dalam kes pemisahan bahagian hadapan dan bahagian belakang serta SPA, selain daripada mengalihkan permintaan dengan pengesahan pada laluan kritikal, logik penghalaan umum bahagian belakang dikongsi oleh bahagian hadapan dan bahagian hadapan, dan sebahagian daripada logik pemprosesan juga dikongsi oleh bahagian hadapan dan bahagian belakang Bahagian akhir menyediakan antara muka data, dan logik pemprosesan data yang berkaitan dengan antara muka adalah unik kepada bahagian belakang.
Dalam senario SPA
Perenderan sisi pelayan adalah untuk permintaan mendapatkan pertama, digunakan untuk menghasilkan html lengkap kepada penyemak imbas, dan penyemak imbas terus memaparkan skrin pertama.
Perenderan sisi pelanggan adalah mengenai perubahan keadaan pelanggan, meminta data dan membuat perubahan DOM setempat (kawasan setempat mungkin sebesar keseluruhan badan).
react/vue Dalam senario ini, pelayan hanya menukar jsx/template kepada html, dan klien menyelaraskan penyegerakan antara dom maya dan dom sebenar mengikut perubahan props/state.
Dalam senario pemisahan bahagian hadapan dan bahagian belakang tradisional,
bahagian belakang bertanggungjawab untuk memaparkan html lengkap, dan js bahagian hadapan bertanggungjawab untuk menukar beberapa animasi teks dan seumpamanya selepas interaksi. Tiada pemaparan bahagian hadapan.
Ulasan:
Dom maya hanya wujud di bahagian hadapan dan digunakan untuk menyelaraskan perbezaan antara dom maya dan dom sebenar serta meminimumkan kemas kini kepada dom sebenar.
Perenderan bahagian hadapan merujuk kepada menghuraikan data dan templat serta menjana DOM. Sama seperti bahagian belakang.
Ya, maksud yang sama, dalam senario web.
Reparan bahagian hadapan: Saya tidak mahu meminta pelayan untuk menjana semula keseluruhan adegan dom setiap kali terdapat perubahan kecil. Paparan bahagian pelayan: Dalam kebanyakan senario, senario yang melampau ialah apabila js dilumpuhkan pada bahagian klien. Untuk senario di mana hanya pemaparan bahagian hadapan digunakan, dianggarkan bahawa struktur syarikat tidak membenarkan react/vue untuk membuat (pelayan nod belum digunakan lagi). Biasanya, terdapat pemaparan bahagian hadapan dan bahagian belakang.
Tabiat buruk dalam industri IT ialah mencipta istilah mewah supaya anda tidak mengetahui butiran khusus:
Perenderan bahagian belakang: Sebelum program bahagian belakang meludahkan halaman HTML ke bahagian hadapan, ia terlebih dahulu mengisi kawasan tertentu dan simbol khusus pada halaman HTML dengan data, dan kemudian membuangnya ke bahagian hadapan rendering belakang. Apa yang dipanggil rendering, anda Ia boleh difahami sebagai pengubahsuaian perkataan pertama datang dari bidang permainan, dan bidang permainan berasal dari lukisan kehidupan sebenar . Pada masa lalu, kebanyakan pelayan berada dalam mod ini
Perenderan bahagian hadapan: Halaman html bahagian belakang wujud sebagai fail statik Apabila bahagian hadapan memintanya, bahagian belakang tidak membuat sebarang pengubahsuaian kandungan pada fail dan mengembalikannya terus ke bahagian hadapan dalam bahagian. bentuk sumber selepas bahagian hadapan mendapat halaman, ia akan memaparkannya mengikut kandungan yang ditulis pada halaman html untuk mengubah suai (melukis) kandungan html. Ini ialah pemaparan bahagian hadapan