目錄

• • @[TOC](目錄)
• 1. MVC、MVP、MVVM
• 2.大文件上傳、多文件上傳和斷點續傳的區別
• 3. 前端存儲
• 4.什么是前端自適應
• 5.瀏覽器原理
• • 5.1 從輸入url到看到界面的過程
  • 5.2 跨域

1. MVC、MVP、MVVM

• MVC、MVP、MVVM 是常見的軟件架構設計模式。
• MVVM：是一種軟件架構設計模式，抽離了視圖、數據和邏輯，并限定Model 和 View 只能通過 VM 進行通信，VM訂閱Model并在數據更新的時候自動同步到視圖。
• MVC、MVP、MVVM 之間的區別：

• MVC將應用抽象為數據層（Model）、視圖層（View）和邏輯層（Controller）,降低了項目耦合。但MVC并未限制數據流，Model 和 View之間可以通信。
• MVP限制了 Model 和 View 之間的通信，通過Presenter通信，讓Model 和 View解耦更徹底，提升項目維護性和模塊復用。
• MVVM 是對MVP中Presenter的改造，用 VM （ViewModel）替換P,MVVM自動同步數據到視圖，不需要手動操作視圖，降低代碼的復雜度。

2.大文件上傳、多文件上傳和斷點續傳的區別

• 大文件上傳

目的：是為了加快大文件上傳的速度
方法：將文件切片，并行上傳

• 多文件上傳：選擇多個文件同時上傳，多個并發的上傳請求。
• 斷點續傳：目的是防止上傳過程中斷需要重新上傳。
  前端大文件上傳（100M+）的問題,分片斷點續傳

3. 前端存儲

• localStorage：用于在瀏覽器中永久性的存儲鍵值對。用戶關閉瀏覽器標簽，數據會保留。
• sessionStorage：數據只在會話期間存在，用戶關閉瀏覽器標簽，數據被清除。但其存儲容量比較大
• session

4.什么是前端自適應

• 前端自適應：讓頁面元素的尺寸能隨屏幕大小變化的技術
• 應用場景：1.移動端自適應 2.適配大屏（PC、Pad）

1.rem：css中的自適應單位，1 rem = html 根元素的 font-size 值。瀏覽器默認 12px.
2.vw：相對單位，1 vw = 1/100 屏幕寬度

如何實現自適應？

• 使用rem,根據屏幕大小改變 html 元素的 font-size 值，讓元素尺寸隨屏幕大小等比例縮放。缺點：依賴js腳本。
• 元素尺寸，用vw 實現自適應。
• rem + vw :使頁面同時在移動端和大屏幕上表現表現正常，通過媒體查詢，限定一個最大值

5.瀏覽器原理

5.1 從輸入url到看到界面的過程

5.2 跨域