发表于: 2017-05-05 22:49:09
1 1103
今天完成的事情:
1.把之前的路由配置好了。
2.表单验证完成一半。。。
明天计划的事情:
完成任务7.
遇到的困难:
之前有很多困难,自从看了万维娜师姐的代码之后,瞬间秒懂。比如说
1.关于表单验证问题。
在看师姐代码之前,自己利用directive自定义规则写了一个表单验证。利用angular.JS中的directive匹配html并执行。
myApp.directive('checkPasswordOnBlur', function(){
var userRule = /\w{5,18}$/;//用正则表达式代表判断条件
return {
require: 'ngModel',//需要ngModel值实现绑定
link: function(scope, elm, attr, ctrl) {
elm.bind('blur', function () {
scope.$apply(dovalidation);
});
scope.$on('kickOffValidations', dovalidation);
function dovalidation() {
if (userRule.test(elm.val())) {
ctrl.$setValidity('password', true);
} else {
ctrl.$setValidity('password', false);
}
}//利用dolivation()来实现当password处的input鼠标离开时执行判断,
}
};
}
看了师姐的代码之后才知道原来可以直接引用angular-message.js来制作然后用ng-message判断并提示信息。。。
2.现在终于知道懒加载有什么用了。。。以前认为懒加载用来预加载图片,页面,忘记了也可以预加载js,css文件。导致自己一直在纠结懒加载有什么用,因为之前自己的js和css文件都放到一个js和css文件中,这样的话以后要改进的话就不容易找到相关代码,对以后代码的维护带来巨大的困难,有了懒加载之后,就可以按照所加载的网页一次加载相对应的css和js文件,这样的话更有利于以后的代码维护。
收获:
现在做任务时间不多了,还是先考虑使用插件,以最快速度解决问题为好。。。
评论