前端面試題---持續更新

1.html前後端渲染的區別,單頁面開發以及多頁面開發的區別?

前端頁面渲染一共分爲三種:純後端渲染純前端渲染服務端js渲染結合前端渲染

純後端渲染

純後端渲染,DOM樹的生成完全是後端服務器中完成的,相當於後端服務器的程序會把各種的數據填充進DOM中生成一個DOM樹,並轉換成一個字節流作爲HTTP response的body返回給瀏覽器

純前端渲染

純前端渲染可以解決純後端渲染中出現的體驗問題。純前端渲染把DOM生成的邏輯都放在了前端,這是後端只會返回一個框架的DOM結構,比如只帶一個容器的元素的DOM(Vue中就一個 <div id="app"></div>),然後由js代碼把頁面的內容渲染到這個容器元素中。

服務端js渲染結合前端渲染

主要是把前兩個階段中,一些交給純後端DOM渲染,邏輯分離的不好,但是,交給純前端DOM渲染又會造成較高延遲的部分單獨分離出來形成了一獨立的DOM渲染階段,保留代碼中天然的展示層和數據層的分離,又把API請求的累計延遲減少了很多,從SEO角度來說渲染結果對搜索引擎也很友好。當然,這樣的做法需要給整體的架構增加一個獨立的單元,給開發和部署都帶來了更高複雜性。

單頁面應用(SPA),通俗一點說就是指只有一個主頁面的應用,瀏覽器一開始要加載所有必須的html,js,css。所有的頁面內容都包含在這個所謂的主頁面中,但是在寫的時候,還是會分開寫(頁面片段),然後在交互的時候由路由程序動態載入,單頁面的頁面跳轉,僅刷新局部的資源。多用於pc端

多頁面應用(MPA),就是指一個應用中有多個頁面,頁面跳轉時是整頁面刷新

單頁面的優點:
1.用戶體驗好,快,內容的改變不需要重新加載整個頁面,基於只一點SPA對服務器壓力較小
2.前後端分離
3.頁面效果會比較炫(切頁面內容時可以有專場動畫)

單頁面的缺點:
1.不利於SEO

  1. 導航不可用,如果一定要用導航需要自己實現前進、後退。(由於是單頁面應用不能用瀏覽器的前進後退的前進後退功能,所以需要自己建立堆棧管理)

3.初次加載耗時長,會有白屏出現
4.頁面複雜度提高很多

2.

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章