发表于: 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




返回列表 返回列表
评论

    分享到