发表于: 2017-06-28 23:32:32
0 788
今天完成:
上午准备项目评审,大佬给纠正的几个问题,感觉又学到不少
下午准备小课堂:登录之后,在其他页面怎么判断是否已经登录?
明天计划:
拆禅道,完成职位搜索页
遇到困难:暂无
收获:
一、背景介绍
登录功能,是前端经常要完成的需求之一。
一个 网站有很多的操作是必须要用户登陆才能进行操作的
那么如何进行登录判断?
需要用到什么样的属性或者方法?
有什么地方的细节需要注意?
以上这些,都是本次小课堂要讲解的重点!
二、知识剖析
如果想要实现登陆判断,就要有一个判断的依据。
首先,这个依据在我们访问网站的过程中不会失效,
其次,这个依据要能存储一定的信息,以提供必要的判断,
同时满足这两个条件有Storage和cookie
1、Web Storage
WebStorage是HTML5中本地存储的解决方案之一
Web Storage实际上由两部分组成:sessionStorage与localStorage。
2、localStorage和sessionStorage
localStorage用于持久化的本地存储,除非主动删除数据,否则数据是永远不会过期的。
sessionStorage存储的数据只在会话期间有效,关闭浏览器则自动删除。
3、什么是cookie
cookie有时也用cookies。网景公司发展的一种机制,Cookie是由服务器端生成,发送给浏览器,浏览器会将Cookie的key/value保存到某个目录下的文本文件内,下次请求同一网站时就发送该Cookie给服务器(前提是浏览器设置为启用cookie)。Cookie名称和值可以由服务器端开发自己定义,服务器可以设置或读取Cookies中包含信息,借此维护用户跟服务器会话中的状态。目前,cookie已经成为一种标准,所有的主流浏览器如IE、chrome、Firefox、Opera等都支持Cookie。
三、常见问题
现在多数验证登陆的方法就是使用storage。
那为什么不用cookie?
四、解决方案 编码实战
cookie怎么了?
所以无形中增加了一些不必要的流量损失。


这是在地址栏里输入登录之后的页面会出现跳转到登陆页的现象,

五、扩展思考
Web Storage相对于cookie的优势
六、参考文献
七、更多讨论
还有其他实现登陆判断的方法吗?
评论