iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 29
0
Software Development

用Canvas打造自己的遊樂場系列 第 29

[Day29]用Canvas打造自己的遊樂場-補充 localstorage

  • 分享至 

  • xImage
  •  

今天要補充一個前端的小儲存空間,window.localstorage.這是什麼呢?
localstorage是html5所提供的一個儲存空間,會根據瀏覽器的不同而有不同的空間大小,不過大致上落在2.5MB~5MB之間,可供程式設計者使用,無法跨域使用,因為他與cookie一樣是認domain name,所以換瀏覽器,或者無痕都會無法使用到儲存的資料。
為何會在這裡提到localstorage呢? 在遊戲中,其實可以留下自己的紀錄,下次開啟來玩的時候可以試試看能否超越自己.
例如說,第一個遊戲可以加入時間,看多久打完一局,或者在三條命願玩之前可以打幾局.在瀏覽器中留下紀錄,下次可以挑戰.

localstorage中儲存的資料,若不主動去清除,基本上是不會消失的.

最後呢~我沒有有把他加入我的遊戲中 XDDD 懶啊
不過這邊舉出對於localstorage常用的方法

myStorage = window.localStorage;

// 留下紀錄
localStorage.setItem('myScore', '10 sec');

const score = localStorage.getItem('myScore');

console.log(score)  //10 sec

謝謝大家


上一篇
[Day28]用Canvas打造自己的遊樂場-labyrinth 收尾
下一篇
[Day30]用Canvas打造自己的遊樂場-挑戰心得
系列文
用Canvas打造自己的遊樂場30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言