初始Angularjs2
一、為什么使用Angularjs2
Angularjs2全面使用了模塊化、組件化的思想,它有如下的特性:
1)模塊化
- 在ng2的應用中,所有的系統功能都是模塊化的,開發者只需要按需導入
- 模塊化的好處在于可以當應用加載時,是按需加載的,大大提高了應用啟動時候的性能
- 對于開發和維護非常方便,同時易于協作開發
2)使用了TypeScript
- TypeScript是JavaScript的超集,通過開發發現,JavaScript有語法錯誤并不會影響整個應用,所以有了TypeScript,TypeScript的代碼會先編譯成JS代碼,只要有什么語法錯誤都能后在編譯的過程中發現
- TypeScript具有面向對象語言的一些特性,例如接口,繼承,包等,例如,在TypeScript中就直接使用implemes,interfaces這樣的字段,非常方便
二、Angularjs架構
通過了解Angularjs2,我覺用一句話可以概括Angularjs2的核心概念:“用Angular擴展的語法來編寫HTML模板,用組件來管理這些模版,用服務添加應用邏輯,用模塊打包發布組件與服務,最后通過引導根模塊來啟動應用”
通過這個圖我們可以看到,Angular框架的主要構造塊有以下8個部分:
- 模塊
- 組件
- 模板
- 元數據
- 數據綁定
- 服務
- 指令
- 依賴注入
與用戶直接交互的就是模版視圖,模版視圖并不是獨立的模塊,它是組件的重要元素之一,另一個重要的重要元素就是組件類,,用以維護組件的的數據模型機功能邏輯,不同組件之間的切換通過路由模塊來控制。指令與模板之間存在關聯,主要的作用就是增強模板特性,間接擴展模版的語法。服務是封裝某一功能呢邏輯單元,這個功能邏輯可以通過依賴注入的機制引入之組件內部,作為組件的功能擴展;
通過上述可以發現,Anaularjs應用始終都是圍繞“組件”設計的,所以說應用是由一個個大大小小的松耦合的組件構成。
后續將對每一個構造塊進行深入探討~
三、Angularjs從框架到平臺
可以說Angularjs2現在更像是一個平臺而不是一個簡單的類庫了,目前在此基礎上構建其他好用的工具:
框架核心包含:
- 依賴注入
- 裝飾器支持
- zone.js
- 編譯服務
- 變化檢測
- 渲染引擎
外部工具庫:
- Angular Material,Google官方的設計風格的UI組件庫
工具:
- CLI為開發者提供了工作流自動化解決方案。功能涵蓋了創建項目,生成組件,配置路由,啟動開發服務器,構建測試,運行測試,預處理CSS,部署前的構建
- Augury用于調試,分析性能和可視化查看應用組件樹,可以快速定位問題和調優
?
轉載于:https://www.cnblogs.com/Henry-World/p/6487286.html
總結
以上是生活随笔為你收集整理的初始Angularjs2的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: Code 0001: Wait rx c
- 下一篇: Oozie协作框架