前端儲存的機制以及優化點

2021-09-11 19:53:28 字數 725 閱讀 9203

本地儲存使用的好 請求發的少 頁面就載入快,一般有一下幾種

1,cookie 

。cookie 一開始是設計用來為服務端 識別使用者 ,儲存使用者狀態的;

。儲存功能是附屬品 ,介面也並不友好,上限4k。

。cookie 可以通過服務端『種』在瀏覽器端。 服務端的set-cookie 方法來實施,瀏覽器端就是document.cookie來讀寫cookie。

。屬性中有一條 是http(httponly) ,如果對勾 那麼的話,客戶端就不能做任何修改

。需要設定過期時間

。cdn 靜態資源的cookie最好不要攜帶 不然pv起來了會造成大量流量的浪費(cdn 使用和主戰不同網域名稱) 

後來瀏覽器就為專門儲存設計了localstorage(長久化本地儲存)和sessionstorage(會話式本地儲存)上限5m

2,localstorage

localstorage可以 用來儲存 使用者的資訊, css 和常用js function  ,base64 等等

cache方案的話那麼就是以 時間 作為參考點 去做具體的方案

3,  sessionstorage

sessionstorage的儲存的話存一些表單資料 和即時性的資料

4,  indexeddb

用來存放大量結構化資料的低階api,類似資料庫,可以用來生成離線版本;

5, web sql

被廢棄的 方案,作用類似於ndexeddb

前端效能優化及其優化點

網路層面 此時通過該ip就會訪問到對應的區域網然後通過交換機,再到路由器再到到主幹網路最後到服務端 服務端 controller層接收到資料,在model層做資料互動 會拿db和redis中的資料 最後通過view層到網路,然後通過網路層面最後到瀏覽器中進行render 從上面的請求過程中,就可以得...

mysql儲存引擎 以及事務的隔離機制

mysql儲存引擎主流的分為三種 1 mysiam 這種儲存引擎分別使用三個問價來表述一張表 frm檔案表示格式檔案 存放表結構 myd檔案表示資料檔案 表中的資料被儲存在這個檔案當中 myi檔案儲存表當中的索引 同時支援壓縮節省儲存空間 還可以設定為唯讀 不支援事務 2innodb 這種儲存引擎是...

Kafka的儲存機制以及可靠性

kafka通過topic來分主題存放資料,主題內有分割槽,分割槽可以有多個副本,分割槽的內部還細分為若干個segment。所謂的分割槽其實就是在kafka對應儲存目錄下建立的資料夾,資料夾的名字是主題名加上分割槽編號,編號從0開始。所謂的segment其實就是在分割槽對應的資料夾下產生的檔案。乙個分...