今天完成的事：完成了修真院8期我的师弟页面和师弟日报页面

明天计划的事：计划完成实名认证审核详情页面和实名认证审核页面‍‍

遇到的问题：

1，用bootstrap布局时，当分辨率<768px时，设class="col-xs-6"合适，但<500px时，需设置class="col-xs-12"才适合，

于是： <div class="col-lg-3 col-md-4  st-padding" ng-class="{true:'col-xs-12',false:'col-xs-6'}[screen]" 

ng-repeat="name in stList track by $index"></div>

     $scope.screenWidth=document.body.offsetWidth ;

     if( $scope.screenWidth<500){ $scope.screen=true; } else{$scope.screen=false;}

问题是，当第一次加载时，能根据当前分辨率选择合适的布局，但当加载完后分辨率在此变化后，以上js便会失效，不知道如何动态监测屏幕的分辨率。

收获：

1，弄懂了了$scope和this的区别：

a,引用方式不同，$scope注入后直接附加数据对象，在controller中，$scope.test="",在html中，{{test}}

  this的写法，在controller中，var vm=this,vm.test="",在html中，{{vm.test}}

b,作用域不同，$scope当控制器在写法上存在父子关系时，子集可以继承父级的变量或方法，

  this是一个独立的作用域，不存在父子级作用域混淆

2，了解了angularjs比较合理的写法