angular學習筆記

2022-08-22 13:15:11 字數 1078 閱讀 8278

時隔一年之後重新學習angularjs,感慨良多。

去年剛剛接觸web程式設計的時候,朋友告訴我angularjs很好用,於是在僅僅了解html和css開始學習angularjs,困難程度可想而之,而且並不明白其價值,武斷的認為通過服務端可以不需要angular之類的工具解決所有問題。一年之後,對js的語法相對熟悉,嘗試過自己寫乙個**之後,不但非常快速的掌握了angularjs的大致內容,而且明白angular的價值。由此也可以說明只有在大量的實踐之後,自身抽象問題的能力才會提高。

angularjs提出了一些概念:模組(module),服務(service),controllor,routeprovider,filter等概念。那麼每個概念是什麼意思呢?概念之間又有什麼關係呢?

module可以理解成乙個完整的程式,它有屬於自己的controllor,routeprovider,filter,依賴的service和module等。

service可以理解成乙個全域性的庫函式,可以自定義,angularjs可以自動尋找依賴。很多時候通過$http或者封裝$http服務向後台請求資料。

controllor可以用來運算元據,由使用者自己定義。

routeprovider和django中的urlpattens做了相同的工作,即根據http請求的不同函式向使用者展示不同的頁面。

filter可以用來篩選一些資料,和字面意思一樣。

通常,我們自定義乙個自己的模組,通過routeprovider定義每乙個請求所對應的頁面的模版和controllor,每乙個controllor為了減少**重複,使邏輯更清楚,可以選擇性使用service。在需要對資料做過濾的時候使用filter,這樣大致構成了乙個簡單的基於angular的應用。

angular的好處:

對於使用者來說,抽象程度很高,實現了資料的雙向繫結又遮蔽了繁雜的dom操作,在頁面業務邏輯簡單的情況下,開發及其及其簡單。

angular的不足:

封裝了原生的dom介面,可能會引起渲染效率的下降。

其餘值得思考的問題:

routeprovider所做的工作在服務端完成還是在客戶端完成合適?(目前思路是需要測試一定情況下兩者效率的差距,如果效率相差不大,我傾向於在客戶端完成這項工作)。

Angular學習筆記 Angular生命週期

生命週期函式通俗的講就是元件建立 元件更新 元件銷毀的時候會觸發的一系列的方法。當 angular 使用建構函式新建乙個元件或指令後,就會按下面的順序在特定時刻呼叫這些生命週期鉤子方法。當 angular 使用建構函式新建乙個元件或指令後,就會按下面的順序在特定時刻呼叫這些生命週期鉤子方法 鉤子用途...

Angular學習筆記

1.nodejs 2.npm 3.cnpm 4.yarn 4.vscode 1.建立專案的 命令 ng new project name style scss 引數 style 使用的css型別,可以是css,sacc,scss,less,預設值是css 2.初始化node modules 命令 1...

Angular 學習筆記 1

angular 是乙個興起的框架,還在不斷更新中,可能會出 2.0 版本。特點是易測試,雙向繫結,使用模板,能夠大幅度減少 量。因為其模組的思想,構建元件也很容易,可以到 ngmodules.org 上去尋找需要的模組。最簡單的例子 boostrap 方法決定了從何處開始將 html 作為 angu...