[Day29]用Canvas打造自己的游乐场-补充 localstorage

今天要补充一个前端的小储存空间,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

谢谢大家


<<:  Day29:Azure小白想早下班--之--使用Azure Synapse Analytics汇入数PB资料

>>:  [day29][部属] heroku托管服务器与github的结合,超简单的自动化部属

Day14 老人护眼模式

Zoom 你是不是常常有看东西觉得模糊需要放大镜呢?今天要来介绍完整的图表的放大、缩小、以及拖曳平...

Day27 - GitLab CI 如何让工作流程流水线跑快一点?之一 从 .gitlab-ci.yml 大部分解

在专案过程中,透过 GitLab CI 建立流水线,让研发过程中如编译、测试、打包、部署等工作都得以...

CSS微动画 - 为了不依赖套件,所以要自己来!

Q: 很多免费的现成的套件可以直接套用就有效果,拿来用吧? A: 真的有比较好用吗? 网页的组成...

DAY24 linebot完结篇

import json,ast from django.db.models.query import...

DAY30 - 切版的下一步

终於来到最後一天了!真的很怕最後一天出什麽意外啊~~ (突然昏睡24小时,今天就过了之类的 ? ) ...