前端工程的極致精品: AngularJS 開發框架介紹 | angularjs mvc
有好長一段時間,一直在尋尋覓覓一套好用的前端JavaScript框架,看過了ExtJS[1]、BackboneJS[2]、EmberJS[3]、KnockoutJS[4]、…與各家比較後,最後終於情定AngularJS[5]這套。其優異的框架設計像是宣告式語法(Directives)、DOMTemplates、雙向資料繫結(TwoWayData-Binding)、相依性注入(DependencyInjection)與關注點分離等特性,都深深地打動著我,但神奇的是,在台灣竟然看不到幾篇關於AngularJS[6]的文章,這感覺就跟我三年前毅然決然踏入ASP.NETMVC的領域一樣,不過,不管別人用不用,我是用定了!(_)An...
有好長一段時間,一直在尋尋覓覓一套好用的前端 JavaScript 框架,看過了 ExtJS[1]、BackboneJS[2]、EmberJS[3]、KnockoutJS[4]、… 與各家比較後,最後終於情定 AngularJS[5] 這套。其優異的框架設計像是 宣告式語法 (Directives)、DOM Templates、雙向資料繫結 (Two Way Data-Binding)、相依性注入 (Dependency Injection) 與關注點分離等特性,都深深地打動著我,但神奇的是,在台灣竟然看不到幾篇關於 AngularJS[6] 的文章,這感覺就跟我三年前毅然決然踏入 ASP.NET MVC 的領域一樣,不過,不管別人用不用,我是用定了! (_)
AngularJS 框架介紹
一個由 Google 傾力打造的前端 JavaScript 框架,與其他 JS 框架最大的不同在於,他直接延伸現有的 HTML 架構,透過 宣告式語法 (Directives Syntax) 直接賦予 HTML 額外的超能力,讓 Web 應用程式在元件化的過程變得極其簡潔有力。我在 ASP.NET MVC 分享中常講的「關注點分離」與「以習慣取代配置」特性,在 AngularJS 框架中可謂落實的鉅細靡遺。
其「關注點分離」的部分,在於 控制器 (Controllers) 與 檢視 (Views) 之間切割的非常乾淨,再搭配 模組 (module) 與 相依性注入 (Dependency Injection) 相關實作,如 工廠 (factory) 與 服務 (service)、提供者 (provider) 與 常數值 (value) 等等,在在落實了「關注點分離」這個觀念。一般來說,越強調開發概念、架構越抽象的東西,越不容易上手,但對一個有經驗的開發人員來說,AngularJS 絕對是一個不可多得的好物,而對新手來說,也正好是個磨練的好機會。
而「以習慣取代配置」部分,AngularJS 確實有其獨到之處,他所設計的 宣...