发表于: 2017-06-15 22:55:18
1 937
今天完成的事情:
1.今天进行了demo,自信满满的输了四个可爱多,蜜汁自信啊,小问题还是挺多的,JS的命名不规范,注释缺失,知识点掌握不牢,CSS样式bug,输的不冤
2.先说说知识点的问题,本地存储,之前不太明白为什么要使用sessionstorage来存储数据,而不用localstorage,只知道师兄们都这么用,今天被师姐问到了答不上来,后来就去查了资料,一般的浏览器存储数据有三种方法:sessionstorage,localstorage,cookie;
cookie:存储在用户本地终端上的数据。有时也用cookies,指某些网站为了辨别用户身份,进行session跟踪而存储在本地终端上的数据,通常经过加密。一般应用最典型的案列就是判断注册用户是否已经登过该网站。
localStorage 是 HTML5 标准中新加入的技术,它是没有时间限制的数据存储,第二天、第二周或下一年之后,数据依然可用。
sessionStorage 与 localStorage 的接口类似,但保存数据的生命周期与 localStorage 不同。做过后端开发的同学应该知道 Session 这个词的意思,直译过来是“会话”。而 sessionStorage 是一个前端的概念,它只是可以将一部分数据在当前会话中保存下来,刷新页面数据依旧存在。但当页面关闭后,sessionStorage 中的数据就会被清空。
sessionStorage 与 localStorage存储数据比之cookie大很多,cookie存储数据不会超过4KB,而前两者有5MB甚至更多,cookie每次http请求都会附带上cookie验证,所以容量不能太大,不然会拖延浏览器进程,其实现在localstorage已经很大功能上替代了cookie的作用
3.样式问题,320px的溢出问题很是困扰,已经不止一次头疼,明明并没有哪里的宽度设死还是溢出了,后面想了一个办法,就是将min-width设置的比320px小一点,比如300px,就能解决这个问题
明天的计划:继续JS4任务的学习,捋清楚业务逻辑
遇到的问题:暂无
收获;对浏览器存储有了更多的了解
评论