首頁 >web前端 >js教程 >前端獲得session資訊的幾種方式的對比

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

巴扎黑
巴扎黑原創
2017-07-18 18:24:495988瀏覽

 

在開發中,頁面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.頁面透過