发表于: 2017-02-13 23:57:58
1 1285
今天完成的事情:
1、今天完成了任务10的功能,成功实现了表单验证和数据上传到云服务器;
2、完善任务7和任务9的代码;
3、听张增峰讲关于利用css来写一个简单幻灯片页面效果。
明天计划的事情:
继续完善代码,写前台方案;
遇到的问题:
修改了表单认证的部分问题,例如qq的正则表达式,以前是这样的"/\d/",这回造成错误。比如我输入6个数字,后面加上字母,也会通过。因而这种方法是有问题的,于是我改成了这样:"/^\d{1,}$/",这样就更严格了,因为这种方式要求结尾也必须是数字。至于为何数字只是限定1位以上,因为,表单认证通过其他方法已经限定了数字位数的位数范围了。
时间获取我本来引用了插件datetimepicker,并用了双向绑定:
但是,这样并不能把datetimepicker的值和$scope.jointime的值实现双向绑定。经过反复调试和严密的分析和思考,我得出的结论是:datetimepicker的值并不是表示input的值,而ng-model只是将input的值和$scope.jointime的值实现了双向绑定。这里,做容易产生错误的就是一位input的值和datetimepicker的值是相同的,因为datetimepicker的值填写在了input的位置。其实这是一种错误的理解。它们没有半毛钱的关系。想通了这一层,就可以这样写了:
对,根本就没必要双向绑定,我们只需要在js里面把datetimepicker的值赋给一个变量就可以了。这里要再说一下,不知道为和不能直接把值赋给$scope.user.jointime,即user.time是不可以赋值的,浏览器会报错。但是可以赋给$scope.jointime。代码如下:
这里用到了jquery的链式写法,很方便。然后,我们可以把jointime传递给后台就可以实现传递时间这一参数了。
收获:
1、终于完成了任务10了,学会了利用$http发送post的请求,把数据传给后台;
2、听张增峰讲利用css来实现简单的幻灯片效果,主要学习了css3的新属性animation的简单应用,制作轮播图效果。由于是新出来,所以得考虑浏览器的兼容性,因而要加前缀。由于用的不多,所以对该属性的认识谈不上多深刻,只能谈谈简单它的使用方法:
具体的也可以参考这个链接:
https://segmentfault.com/a/1190000007286279
评论