關於localStorage 使用說明 | localstorage clear
為什麼要學localStorage,原因大概如下面所說一樣:將資料從頁面中的程式碼儲存到Web瀏覽器的儲存空間當中。如此一來,本來存入程式碼當中的資料,就不會因重新整理頁面或者關閉瀏覽器而消失最近想要好好串接個api,針對喜歡的文章果想要收藏要怎麼辦?雖然之前有做個,但有些部分感覺不是很清楚,我對於事情是否很清楚的理解為,你是否能夠自己說明,最近最大的學習障礙就是有時知道原理,但就是做不到XD。定義:localStorage:可以跨瀏覽器分頁做使用、使用者關掉分頁或瀏覽器再打開資料仍不會消失,且資料無期效限制,資料將永久...
為什麼要學 localStorage,原因大概如下面所說一樣:
將資料從頁面中的程式碼儲存到 Web瀏覽器的儲存空間當中。如此一來,本來存入程式碼當中的資料,就不會因重新整理頁面或者關閉瀏覽器而消失
最近想要好好串接個 api,針對喜歡的文章果想要收藏要怎麼辦?雖然之前有做個,但有些部分感覺不是很清楚,我對於事情是否很清楚的理解為,你是否能夠自己說明,最近最大的學習障礙就是有時知道原理,但就是做不到XD。
定義:localStorage :可以跨瀏覽器分頁做使用、使用者關掉分頁或瀏覽器再打開資料仍不會消失,且資料無期效限制,資料將永久被保留。
在做之前你必須要懂的事:我想要做個todolist 之前
loaclStorage / 事件監聽 / Dom / JSON parse() / JSON stringify()
如何操作 1.如何存值到 localStorage**setItem() **
localStorage.setItem(key, value)
透過在 setItem() 方法中指定物件屬性的 key 以及 value ,我們可以在 storage 物件中加入屬性或修改原本的屬性內容。
setItem() 存入資料 — key 值是 myname; value 是 tom :
在 DevTools Application 中查看 local storage 框起來的 tom
var name = "Tom"; localStorage.setItem("myname",name);範例:https://codepen.io/chiakilalala/pen/zYGOLbO[1]
2.如何撈值到 localStorage取出資料:getItem()
localStorage.getItem(key)透過在 getItem() 方法中輸入屬性的 key ,我們可以得到 storage 物件對應的屬性 valu...