发表于: 2017-02-13 23:57:58

1 1282


今天完成的事情:

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


返回列表 返回列表
评论

    分享到