发表于: 2016-07-01 23:32:12
1 2358
7-01 日报 JS
1,今天完成的事情
1,在菜鸡教程重新刷angular,之前看书看迷糊了;
2,感谢飞飞介绍了一波项目的文件目录,大致知道每种东西要放在哪里;
3,在上面的基础上做了个TASK2-4的目录图,已经创建完成,就往里面填东西了;
4,路由和依赖注入,研究了一波,不清不楚,明天看能写出来不。
2,明天的计划
1,写任务。
3,遇到的问题
1,TASK5的接口服务器挂了;
2,还不太习惯angular的数据绑定,思维还留着JQ那种先获取修改再复写,想逻辑总会回到JQ的那种方法,修改了数据但先不写回去这种做法就会比较麻烦了。
4,收获
1,不必要拘泥教程中的说法在$scope中写逻辑和模型,直接$rootscope走起;
2,依赖注入和视图来解耦合;
3,CSS文件中全部的类名都不允许重复(会产生潜在的BUG),那就是要要求自己的命名规范了;
https://www.zhihu.com/question/19586885
4,最大收获还是宇飞介绍的angularJS的路由用法、视图加载的东西了。
以下笔记不用看:
1,ng-app定义应用,ng-controller定义控制器;
2,{{}}和ng-bind 表达式,后者可以避免JS未加载而被用户看见,表达式支持操作符、变量,不支持判断、循环、异常;
3,指令是扩展html属性,angular封装的指令以ng-开始,自定义指令不应该使用这样的开始,参考手册
4,ng-repeat 重复一个html元素,item in items ;
5,.directive 方法用于添加自定义的指令。在JS中使用驼峰命名,在HTML中使用-短线连接;
6,可以通过元素、属性、类名、注释调用指令,通过设置restrict的值选择调用指令的方法,E-元素,A-属性,C-类名。M-注释;
7,ng-model,创建一个数据模型,可以基于数据模型对应用数据进行验证;
8,angularJS过滤器,使用 | 连接;
9,服务是一个函数或对象,需要使用时注入到controller中,angular内封装了很多服务
$location,用于监听和操作URL
$http,向服务器发出请求和响应请求
$timeout、$interval , 计时器
使用.service方法可以创建自定义服务
10,ng-option创建一个下拉菜单,语法,ng-option = “x for x in items”,选中的值是一个对象
也可以使用ng-repeat重复HTML的option标签来创造下拉菜单,选中的值是一个字符串
11,ng-repeat 提供使用的变量,
$index,当前item的索引号
$first,当前item是第一个则为true
$middle 当前item既不是第一个也不是最后一个,则为true
$last 当前item是最后一个,则为ture
$even 索引为偶数则为ture否则为false
$odd 索引为奇数则为ture,否则false
12,ng-disabled 为ture则会绑定到html的disabled属性
13,依赖注入
value,简单的js对象,用于向控制器传值
factory,一个函数用于返回值,在service和controller需要时创建
provider,没懂
constant,没懂
评论