发表于: 2017-05-07 22:41:15
1 1183
今天完成的事情:
学习AngularJS,初步了解其功能及用法
ng-repeat标签:让table ul ol等标签和js里的数组完美结合
ng-model标签:任何有用户输入,只要有值的html标签,都可以动态绑定js中的变量,而且是动态绑定
ng-click标签:为一个标签绑定点击事件
ng-switch on、ng-if/ng-show/ng-hide/ng-disabled标签:分支语句,可以在页面上写逻辑判断
ng-trim/ng-minlength/ng-maxlength/required/ng-pattern标签:可以用来对表单中的输入框进行用户校验
ng-options标签:为下拉框打造的标签,当选中其中一个时,可以通过yourSelected得到你选中的person.id
ng-style标签:用来控制css属性
学习表单验证,可以用上述中的表单验证标签达到效果,可以一次输入多种验证要求,将验证需求全都放在label的闭合标签之内可以使整体获得聚焦。
学习了内存的划分与事件请求进入内存运行的机制,实际内存与虚拟内存,了解了它一步步演变的历史以及分别优化了什么和解决的问题。
基本用法之上还有Directive,也就是深入的自定义HTML标签,我们可以预定义针对这些标签的处理方式,那么AngularJS久会把这些标签自动转化为HTML显示代码,这个比较高端了,目前应该还接触不到。
使用AngularJS首先要初始化ng-app来定义它的作用范围(只能有一个ng-app);
然后用控制器控制不同的区域,定义此区域内的行为(一般不同控制器之间不做数据交互,但可以通过额外方法打破);
用data-binding进行数据绑定,将控制器中的数据显示在html中;
用分支语句进行逻辑判断;
用ng-class/ng-style进行样式的控制,比如昨天雪峰师兄说的如何添加背景图片:data-ng-style="{‘background-image’:‘url(img/products/{{product.img}})’}"
写了一些小的demo对上面的标签进行实验,好用是挺好用的,就是还不是很习惯,敲的时候还是习惯写原生,中间夹杂着JQ的写法,简直惨不忍睹。AngularJS学会之后应该可以完全抛弃原生和JQ直接用它完成所有需求的,还是多练练增加熟悉程度,改变写代码的思维
明天要做的事情:
敲敲代码,把思路挨个验证一下,然后推进任务了
遇到的问题:
暂无,理解了这么久才开始推任务,再有问题都饶不过自己
收获:
技近乎道
评论