資訊專欄INFORMATION COLUMN
摘要：本地存儲的方案傳統把信息存儲到客戶端的瀏覽器中但是項目服務器端也是可以獲取的把信息存儲到服務器上的服務器存儲永久存儲在客服端的本地。
在客戶端運行的js是不能操作用戶電腦磁盤中的文件的（這是為了保護客戶端運行的安全）。
1、js中的本地存儲：
使用js向瀏覽器的某一個位置中存儲一些內容，瀏覽器即使關閉了，存儲的信息也不會銷毀，當在重新打開瀏覽器的時候我們依然可以獲取到上一次存儲的信息。
本地存儲的方案：
傳統：
cookie：把信息存儲到客戶端的瀏覽器中（但是項目服務器端也是可以獲取cookie的）
session：把信息存儲到服務器上的（服務器存儲）
HTML5：webstorage
localstorage：永久存儲在客服端的本地。
sessionstorage：信息的會話存儲，會話窗口存在信息也存在，會話窗口關閉信息也就消失了。
2、cookie localstorage sessionstorage
->webStorage
setltem([key],[value]):像客服端的本地存儲一條記錄，存儲的[value]需要是字符串格式的，如果編寫的不是字符串，瀏覽器會默認的轉化為字符串然后在進行存儲；同源下存儲的[key]是不會重復的，如果之前有的話，是把存儲的信息值進行修改。如果存儲的value是一個對象，需要先使用JSON.stringify()進行轉化。
getltem([key]):獲取之前存儲的值；
removeltem([key]):移除KEY對應的存儲記錄
clear():把當前源下的所有的存儲記錄都移除掉
localStorage.length:獲取存儲的記錄條數
localStorage.key(0):獲取索引為0這一項的KEY是什么。
localStorage.setltem("age",7);
localStorage.getltem("age");
localStorage.removeltem("age");
localStorage.clear();
localStorage和sessionStorage的區別
localStorage屬于永久存儲在本地，不管是刷新頁面還是關掉頁面或者關閉瀏覽器，存儲的內容都不會消失，只有我們自己手動的去刪除才會消失（不管是殺毒軟件還是瀏覽器自帶的清除歷史記錄功能都不能把localStorage存儲的內容清除掉）
sessionStorage屬于臨時的會話存儲，只要當前的頁面不關閉，信息就可以存儲下來，但是頁面一旦關閉，存儲的信息就會自動清除（F5刷新頁面只是把當前的DOM結構等進行重新的渲染，會話并沒有關閉）
cookie
document.cookie = "age = 7"
cookie和localStorage的區別
1）、cookie
cookie存儲內容的大小是有限制的，一般同源下只能存儲4kb的內容；localStorage存儲的內容也有大小限制，一般同源下只能存儲5MB
cookie存儲的內容是有過期時間的，而localStorage是永久存儲到本地，使用殺毒軟件或者瀏覽器自帶的清除垃圾的功能都有可能把存儲的cookie給刪除掉
用戶可能處于安全的角度禁用cookie（無痕瀏覽器），但是不能禁止localStorage
真實的項目中的本地存儲都使用哪些東西？
記住用戶名密碼或者自動登錄；用戶的部分信息，當用戶登錄成功后我們會把用戶的一些信息記錄到本地的cookie中，這樣在項目中的任何頁面都可以知道當前登錄的用戶是哪一個了；購物車..（存儲少量信息或者是需要瀏覽器兼容的都需要使用cookie來進行存儲）
2）、localStorage
在pc端我們可以用其存儲某一個js或者css中的源代碼；還可以把一些不需要經常更新的數據存儲到本地，存儲的時候可以設置一個存儲的事件，以后重新刷新頁面，看一下時間有沒有超過預定的時間，如果已經過時了，我們從新獲取最新數據，沒超過我們還是繼續使用本地數據。
本地存儲都是明文存儲
對于重要的信息我們一般不要存儲到本地，如果非要存儲的話我們需要把存儲的信息進行加密
可逆轉加密：加密完成還可以解密回來
不可逆轉加密：MD5
文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。
轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/91439.html
摘要：在文件夾內創建，內容如下創建，內容如下使用安裝依賴在的頭部加入調用命令，同時在你的默認瀏覽器中打開。最后，我們更新下，給每個報道添加鏈接修改完畢地后，可以在瀏覽器中直接看到結果。 編者注：我們發現了有趣的系列文章《30天學習30種新技術》，正在翻譯，一天一篇更新，年終禮包。下面是第19天的內容。 到目前為止，我們這一系列文章涉及了Bower、AngularJS、GruntJS、P...
摘要：主講人黎騰年加入騰訊，技術面試官引入面試是一個讓面試官認識你的過程，盡全力展現的你就好，正常發揮沒通過再接再厲，失常發揮沒通過實為遺憾要求要求找準定位，重視基礎前端發展日新月異，打牢基礎原生，才能以不變應萬變如性能，安全要求用更遠的視角去看 主講人：黎騰(Litten)：13年加入騰訊， 技術面試官 1.引入 面試是一個讓面試官認識你的過程，盡全力展現100%的你就好，正常發揮沒通過...
摘要：主講人黎騰年加入騰訊，技術面試官引入面試是一個讓面試官認識你的過程，盡全力展現的你就好，正常發揮沒通過再接再厲，失常發揮沒通過實為遺憾要求要求找準定位，重視基礎前端發展日新月異，打牢基礎原生，才能以不變應萬變如性能，安全要求用更遠的視角去看 主講人：黎騰(Litten)：13年加入騰訊， 技術面試官 1.引入 面試是一個讓面試官認識你的過程，盡全力展現100%的你就好，正常發揮沒通過...
摘要：主講人黎騰年加入騰訊，技術面試官引入面試是一個讓面試官認識你的過程，盡全力展現的你就好，正常發揮沒通過再接再厲，失常發揮沒通過實為遺憾要求要求找準定位，重視基礎前端發展日新月異，打牢基礎原生，才能以不變應萬變如性能，安全要求用更遠的視角去看 主講人：黎騰(Litten)：13年加入騰訊， 技術面試官 1.引入 面試是一個讓面試官認識你的過程，盡全力展現100%的你就好，正常發揮沒通過...
閱讀 1940·2021-11-24 09:39
閱讀 3295·2021-09-22 14:58
閱讀 1169·2019-08-30 15:54
閱讀 3322·2019-08-29 11:33
閱讀 1795·2019-08-26 13:54
閱讀 1604·2019-08-26 13:35
閱讀 2472·2019-08-23 18:14
閱讀 771·2019-08-23 17:04
