前端（1）

2020.10.19 入职第一天，主要是阅读文档，由于是新机子，开始下载工具配置环境。公司给注册了新账号开放了一定的权限，leader讲解了一下刚入职需要了解的项目，于是从git上把项目拉了下来，根据给的文档跑了一下，一天就结束了。

1.grunt

安装 npm install -g grunt-cli grunt 成功后会多一个dist文件夹

2.http-server

npm install http-server -g http-server xxx(地址) -p 80 -P xxx(地址) localhost(设置的端口号是80所以直接localhost即可)

2020.10.20 今天开始读项目，由于项目过大，用的还是从没接触的angular搭建的，还是非常有难度的，有点无从下手，下午开了会，给分配了任务，明天正式开始。

由于对于angular了解几乎为0，为了加快速度只能一边读代码一边学习。

angular.module(‘myApp.services’, []) .controller(‘mytry’, function($scope){ $scope.name= “wang”; } })

根据自己的理解module第一个参数是name,第二个参数可以是空，里面用来制定接下来可以使用那些模块。controller是控制器，里面参数也是一个name和一个function。在function中填写的$scope是一个对象。

angular中事件广播 $ on（name,handler）是事件监听函数. handler是一个函数，它也有两个参数：event和args event有以下几个属性： targetScope：传播事件的作用域 currentScope：当前作用域 name：事件名称，如上文eventName stopPropagation() ：使$emit事件在本作用域传播后不再向上传播 preventDefault() ：阻止传播事件，并给defaultPrevented赋值为true defaultPrevented：如果调用了preventDefault事件则返回true。

$emit(name,args)将一个事件从子作用域广播至父作用域，直至根作用域。（包括自己） $broadcast(name,args)使一个事件从父做用语向子作用域广播。（包括自己） (图片忘记来源了。。）

关于$scope和$rootScope 每一个controller都有一个独立的$scope，这个$scope可以理解成视图中可用的数据，而$rootScope是所有的$scope的最终祖先，所以用它定义的每个$scope中都可以使用。