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)使一个事件从父做用语向子作用域广播。(包括自己)
前端(1)(图片忘记来源了。。)

关于 s c o p e 和 scope和 scoperootScope
每一个controller都有一个独立的 s c o p e , 这 个 scope,这个 scopescope可以理解成视图中可用的数据,而 r o o t S c o p e 是 所 有 的 rootScope是所有的 rootScopescope的最终祖先,所以用它定义的每个$scope中都可以使用。

相关文章:

  • 2021-05-20
  • 2022-01-24
  • 2022-12-23
  • 2021-08-11
  • 2021-06-08
  • 2021-08-30
  • 2021-11-18
猜你喜欢
  • 2021-05-18
  • 2022-01-11
  • 2021-10-08
  • 2021-09-28
  • 2021-08-23
  • 2021-11-30
相关资源
相似解决方案