登陸以後，在其餘頁面怎麼判斷是否已經登陸？

這裏是修真院前端小課堂，每篇分享文從

【背景介紹】【知識剖析】【常見問題】【解決方案】【編碼實戰】【擴展思考】【更多討論】【參考文獻】

八個方面深度解析前端知識/技能，本篇分享的是：

【Web小課堂】登陸以後，在其餘頁面怎麼判斷是否已經登陸？】

1.背景介紹
       
       
登陸功能，是前端常常要完成的需求之一。
一個網站有不少的操做是必需要用戶登錄才能進行操做的
那麼如何進行登陸判斷？
須要用到什麼樣的屬性或者方法？
有什麼地方的細節須要注意？
以上這些，都是本次小課堂要講解的重點！
       
       
2.知識剖析
       
       
若是想要實現登錄判斷，就要有一個判斷的依據。
首先，這個依據在咱們訪問網站的過程當中不會失效，
其次，這個依據要能存儲必定的信息，以提供必要的判斷，
同時知足這兩個條件有WebStorage和cookies
       
       
Web Storage
WebStorage是HTML5中本地存儲的解決方案之一
Web Storage實際上由兩部分組成：sessionStorage與localStorage。
       
       
localStorage和sessionStorage
localStorage用於持久化的本地存儲，除非主動刪除數據，不然數據是永遠不會過時的。
sessionStorage存儲的數據只在會話期間有效，關閉瀏覽器則自動刪除。
       
       
什麼是cookie
首先，cookie,sessionStorage和localStorage，都是web存儲裏面的知識點，雖然都是網頁數據存儲，但他們產生的前後順序和應用是不一樣的。
cookie有時也用cookies。網景公司發展的一種機制，Cookie是由服務器端生成，發送給瀏覽器，瀏覽器會將Cookie的key/value保存到某個目錄下的文本文件內，下次請求同一網站時就發送該Cookie給服務器（前提是瀏覽器設置爲啓用cookie）。Cookie名稱和值能夠由服務器端開發本身定義，服務器能夠設置或讀取Cookies中包含信息，藉此維護用戶跟服務器會話中的狀態。目前，cookie已經成爲一種標準，全部的主流瀏覽器如IE、chrome、Firefox、Opera等都支持Cookie。
       
       
3.常見問題
       
       
爲何不使用cookie？
       
       
解決方案
       
       
cookie怎麼了？

1. 數據大小：做爲存儲容器，cookie的大小限制在4KB左右。
2. 安全性問題：因爲在HTTP請求中的cookie是明文傳遞的（HTTPS不是），帶來的安全性問題仍是很大的。
3. 網絡負擔：咱們知道cookie會被附加在每一個HTTP請求中，在HttpRequest和HttpResponse的header中都是要被傳輸的，

    因此無形中增長了一些沒必要要的流量損失。
       

更多討論

 

 

Q1: 在url中輸入相關頁面，它的登錄狀態好很差判斷？

A1: 登陸狀態是經過sessionStorage判斷的，在每一個頁面最開始均可以添加一個判斷

 

 

Q2: Form表單的get和post是否是也能夠實現登錄判斷

A2: 表單提交是經過發送登陸生成的cookie到後端，後端進行判斷的，若沒有相應cookie或者cookie錯誤則後端返回錯誤代碼

 

 

Q3: 一些不重要的頁面是否能夠不進行登陸驗證

A3: 這個看需求

 

PPT：https://it-xzy.github.io/WEB-...

 

 

騰訊視頻：https://v.qq.com/x/page/f0642...

 

今天的分享就到這裏啦，歡迎你們點贊、轉發、留言、拍磚~

 

更多內容，能夠加入IT交流羣565734203與你們一塊兒討論交流

 

這裏是技能樹·IT修真院：https://www.jnshu.com，初學者轉行到互聯網的彙集地