发表于: 2016-08-12 22:34:57
0 2238
今天完成的事:学习angular 以及原生js
明天要做的事:暂定
收货:
一大早遇到一个很蛋疼的报错,找不到ng-app,找了一大圈才发现
一定要先引入angular 再引入你自己的js文件(使用angular)
<script src="../vendor/angular/angular.js"></script>
<script src="进度条啦啦啦.js"></script>
搞了一波bootstrap的进度条,可以根据数据变化显示进度
<div class="progress progress-striped active"
style="width: 100% ; margin: 5% auto">
<div class="progress-bar progress-bar-striped " role="progressbar"
aria-valuenow="70" aria-valuemin="0"
aria-valuemax="100"
ng-style="{width: ( renshu / 18 ) * 100 + '%'}"
ng-class="['progress-bar', vm.style]">
{{( renshu / 18 ) * 100 | number:0}}%
</div>
</div>
效果如下:
当输入小于6认识,进度条为红色 表示错误
当输入人数为6-18人时显示为绿色 表示成功 同时开始分配角色
学习js的参数,形如:
function add(num1, num2){
}
add(10 ,20)
笔记:
1在js中参数在内部是用一个数组来表示的,函数会去接受这个数组,而不会去考虑数组中包含哪些参数
2函数中可以通过arguments对象来访问这个数组 比如anguments.length来查看参数个数,或者arguments[0]读取第一个参数
3js没有重载,同名的函数参数会传入后面的一个函数(后面的函数会覆盖前面的函数)
4但是可以通过检查传入参数的类型和数量做出不同的反应,来模仿参数的重载
学习变量
笔记:
1变量只是在特定的时间用于保存特定值的一个名字而已!!!!
2
vm==scope
区别是写了scope.a
前面直接写a 就可以了 而vm.a 在页面中要写vm.a
评论