前端(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
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中都可以使用。