发表于: 2017-05-15 23:40:11
1 959
一、今天完成的事情
1.任务5没通过,第一帐号错误有密码错误要有区别,帐号输入框没有做非法字符验证。师兄说了,既然加了表单验证,就把它做完整,这是任务7 的内容,明天再完善一下一起交了。
2.今天王蒙把他任务拿到我电脑测,看看是不是电脑的原因(图片可以上传就是名称渲染不出),我配置了一下nginx的环境,也就是加了一个接口,相应的改了文件路径,突然发现很简单,为毛自己在任务5卡了那么久,归根原因还是自己不够专注,这周好好把进度赶上去,把任务7和8完成。
3.根据师兄给的资料在app.js中配置项目的路由,使之可以在几个页面中做单页面跳转。不过还有些样式没弄好,明天继续完善一下。
二、明天计划的事情
完善任务6的页面样式。
1. 为项目注入新的module,ngRoute
2.app.js中配置项目的路由,使之可以在几个页面中做单页面跳转。
开始任务7:
1.学习angular添加事件
2.对登录页的button添加ng-click事件,当点击时,获取双向绑定后的数据,并用$http请求登录接口
3. 完善登录页的form表单添加验证功能
三、遇到的问题
1. cookies,sessionStorage和localStorage的区别?
共同点:都是保存在浏览器端,且同源的。
区别:
1)cookie数据始终在同源的http请求中携带(即使不需要),即cookie在浏览器和服务器间来回传递。而sessionStorage和localStorage不会自动把数据发给服务器,仅在本地保存。
2)cookie数据还有路径(path)的概念,可以限制cookie只属于某个路径下。存储大小限制也不同,cookie数据不能超过4k,同时因为每次http请求都会携带cookie,所以cookie只适合保存很小的数据,如会话标识。sessionStorage和localStorage 虽然也有存储大小的限制,但比cookie大得多,可以达到5M或更大。
3)数据有效期不同,sessionStorage:仅在当前浏览器窗口关闭前有效,自然也就不可能持久保持;localStorage:始终有效,窗口或浏览器关闭也一直保存,因此用作持久数据;cookie只在设置的cookie过期时间之前一直有效,即使窗口或浏览器关闭。
4)作用域不同,sessionStorage不在不同的浏览器窗口中共享,即使是同一个页面;localStorage 在所有同源窗口中都是共享的;cookie也是在所有同源窗口中都是共享的。Web Storage 支持事件通知机制,可以将数据更新的通知发送给监听者。Web Storage 的 api 接口使用更方便。
四、收获
1.学习如何使用ui-router
2. 理解cookies,sessionStorage和localStorage的区别。
评论