发表于: 2017-04-13 23:44:00
5 1166
今天完成的事情:
一。学习cookies和本地存储sessionStorage,localStorage的区别以及用法;
1.Cookie 是小甜饼的意思。顾名思义,cookie 确实非常小,它的大小限制为4KB左右,是网景公司的前雇员 Lou
Montulli 在1993年3月的发明。它的主要用途有保存登录信息,比如你登录某个网站市场可以看到“记住密码”,这
通常就是通过在 Cookie 中存入一段辨别用户身份的数据来实现的。
2.localStorage 是 HTML5 标准中新加入的技术,它并不是什么划时代的新东西。早在 IE 6 时代,就有一个叫
userData 的东西用于本地存储,而当时考虑到浏览器兼容性,更通用的方案是使用 Flash。而如今,localStorage
被大多数浏览器所支持,如果你的网站需要支持 IE6+,那以 userData 作为你的 polyfill 的方案是种不错的选择。
3.sessionStorage 与 localStorage 的接口类似,但保存数据的生命周期与 localStorage 不同。做过后端开发的同
学应该知道 Session 这个词的意思,直译过来是“会话”。而 sessionStorage 是一个前端的概念,它只是可以将一
部分数据在当前会话中保存下来,刷新页面数据依旧存在。但当页面关闭后,sessionStorage 中的数据就会被清
空。
4.总结来说的话;Cookie大小限制为4KB左右,不适合用于大数据, localstroage 可以通过代码来手动清除特定
的数据,sessionstroage则是关闭窗口就清除了,所以个人选择用 localstroage 配合json传参上个页面的数据。
二。九个Console命令:
1.显示信息的命令;
2.占位符;
3.信息分组;
4.查看对象的信息;
5.显示某个节点的内容;
6.判断变量是否是真;
7.追踪函数的调用轨迹。;
8.计时功能
9.console.profile()的性能分析;
最常用的就是第一种了console.log,其他的做个记录吧方便以后查看
具体用法:https://my.oschina.net/u/1866821/blog/471802
三。Num % 2 == 0:用来判断num是否为偶数。mum%2是求num除以后的余数的意思。
四。任务的静态页面写完了,先将隐藏那个页面display: none隐藏,js部分基本思路,用if当点击次数为偶数次
时,显示隐藏身份页面,else否则当点击次数为奇数次时,显示n号玩家身份信息.....先想到这里吧,明天动手做看
会不会遇到什么问题在说吧。
明天计划做的事情:查看一些jquery的知识,用jquery实现部分效果,据说相当好使啦;明天见证一下;
遇到的问题:看了眼正则表达式,没太看看明白,记得师兄小课堂讲过这个问题,回头看下小课堂ppt看看会不会
柳暗花明又一村。
收获:cookies;sessionStorage;localStorage;
console.log;
Num % 2 == 0:用来判断num是否为偶数。
评论