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)使一个事件从父做用语向子作用域广播。(包括自己)(图片忘记来源了。。)
关于
s
c
o
p
e
和
scope和
scope和rootScope
每一个controller都有一个独立的
s
c
o
p
e
,
这
个
scope,这个
scope,这个scope可以理解成视图中可用的数据,而
r
o
o
t
S
c
o
p
e
是
所
有
的
rootScope是所有的
rootScope是所有的scope的最终祖先,所以用它定义的每个$scope中都可以使用。