1. 程式人生 > 實用技巧 >前端(1)

前端(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)使一個事件從父做用語向子作用域廣播。(包括自己)

在這裡插入圖片描述(圖片忘記來源了。。)

關於 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中都可以使用。