前端獲得session資訊的幾種方式的對比

 

在開發中，頁面js 經常會遇到需要當前登入使用者資訊（選單權限，使用者基本資訊，設定資訊） 的地方，一般情況我們可能對這些資訊取得方式不是太在意，但現在的前端透過webpack打包，即使做了程式碼分割，js檔,css檔還是很大。

在首次載入的情況下面，存在一定的最佳化空間。以下主要介紹一些資訊取得的方式。      介面使用的是模擬數據，session取得介面設定成了1秒延遲，下面的數據都是首次載入的數據，不考慮304的情況。

php中文網學習專題：php session（包含圖文、影片、案例）

　　1.後端程式設定,直接js程式碼，全域變數寫入方式

　　瀏覽器存取app.do，後端程式回應，取得使用者資訊InitData，取得傳回的app.html文本，將使用者資訊 寫入到html對應位置，回傳給瀏覽器

　　【問題】

    　a. 取得使用者資訊InitData + app.##    　a. html文字 ---→ 傳回瀏覽器，瀏覽器再載入其他靜態資源----> html載入程序

    　b. app.do回傳的html，由於每個使用者的基本資料都不一樣，沒辦法使用瀏覽器304快取機制

　　2.頁面透過