webstorage是是html5新出的標籤，是本地儲存的解決方案之一，有localstorage和sessionstorage兩種方法。
因而前端做資料儲存，跨頁面傳值，localstorage是乙個很好的方式，以鍵值對的方式儲存，也方便取值賦值，下面說一說使用方法和一些常見的使用技巧。
1、設定值(存值)共有3種方式，localstorage相當於window物件下面的乙個屬性，所以有**和.呼叫，但也具有自身的setitem方法**
localstorage["name"]= "mickle"; // 方法
localstorage.name = "mickle"; //.方法
localstorage.setitem('name','mickle'); // setitem自身方法
2、取值：自身的方法是getitem
localstorage["name"]; // 方法
localstorage.name; //.方法
localstorage.getitem('name'); // getitem方法取值
3、改變值的方式（就是相當於給對應的key重新賦值，就會把原來的值覆蓋掉）
localstorage['name'] = 'lucy'; // 方法
localstorage.name = 'lucy'; //.方法
localstorage.setitem('name','lucy'); // setitem自身方法
4、移除某乙個值：可以通過物件刪除屬性的關鍵字delete，也可用自身的方法removeitem
delete localstorage['name'];
delete localstorage.name;
localstorage.removeitem('name'); //removeitem 自身方法
5、獲取所有的key
/**for 迴圈
*for…in 迴圈獲取
*///for 迴圈
localstorage["name"]= "mickle";
for(var i =0; i//for…in 迴圈
for(var key in localstorage)
6、獲取所有的值
localstorage.valueof(); //取出所有值
7、清除所有的值：clear
localstorage.clear();
8、判斷是否具有某個key，hasownproperty方法
localstorage.hasownproperty('name'); //true 或 false
9、注意事項：
1.localstorage特定於頁面的協議，不是同一網域名稱，不能訪問。
2.有長度限制，5m左右，不同瀏覽器大小會有不同。
3.生命週期是永久的，但是資料實際是存在瀏覽器的資料夾下，可能解除安裝瀏覽器就會刪除。
4.瀏覽器可以設定是否可以訪問資料，如果設定不允許會訪問失敗。
5.相容ie8以上瀏覽器
6.只能儲存字串型別，需要轉成字串儲存。
10、使用技巧
1.先判斷瀏覽器是否支援localstorage，通過if(!window.localstorage) return;
2.單詞太長，不方便書寫，可以利用 var storage=window.localstorage;
3.字串和原始型別需要通過json.stringfy轉字串，通過json.parse轉成物件
4.通過封裝方法實現來回轉化
vue中利用localStorage儲存全域性變數
localstorage是本地儲存，允許在瀏覽器中儲存 key value 對的資料，用於長久儲存整個 的資料，全域性變數可用這種方法儲存，在頁面重新整理不會丟失資料，儲存的資料沒有過期時間，直到手動去刪除。可以儲存5m大小的資料 sessionstorage只可以儲存4k大小的資料 可將第一次請求...
JS中localStorage的用法注意點
localstorage提供了幾個方法 1 儲存 localstorage.setitem key,value 如果key存在時，更新value 2 獲取 localstorage.getitem key 如果key不存在返回null 3 刪除 localstorage.removeitem key...
乙個封裝了localStorage的增刪改查的方法
localstorage的增刪改查都其實比較簡單，每次需要判斷瀏覽器是否禁用，這挺麻煩的 而且沒有像cookie一樣的，自動過期時間，長期下去會有垃圾資料在裡面 我們知道android的系統只支援5m儲存空間，iphone是10mb，一旦超過限制會提示使用者，甚至報錯。一 包含一下功能 1 定時清理...