一、為什么使用Angularjs2

Angularjs2全面使用了模塊化、組件化的思想，它有如下的特性：

1）模塊化

• 在ng2的應(yīng)用中，所有的系統(tǒng)功能都是模塊化的，開發(fā)者只需要按需導(dǎo)入
• 模塊化的好處在于可以當(dāng)應(yīng)用加載時，是按需加載的，大大提高了應(yīng)用啟動時候的性能
• 對于開發(fā)和維護(hù)非常方便，同時易于協(xié)作開發(fā)

2）使用了TypeScript

• TypeScript是JavaScript的超集，通過開發(fā)發(fā)現(xiàn)，JavaScript有語法錯誤并不會影響整個應(yīng)用，所以有了TypeScript，TypeScript的代碼會先編譯成JS代碼，只要有什么語法錯誤都能后在編譯的過程中發(fā)現(xiàn)
• TypeScript具有面向?qū)ο笳Z言的一些特性，例如接口，繼承，包等，例如，在TypeScript中就直接使用implemes，interfaces這樣的字段，非常方便

二、Angularjs架構(gòu)

通過了解Angularjs2，我覺用一句話可以概括Angularjs2的核心概念：“用Angular擴展的語法來編寫HTML模板，用組件來管理這些模版，用服務(wù)添加應(yīng)用邏輯，用模塊打包發(fā)布組件與服務(wù)，最后通過引導(dǎo)根模塊來啟動應(yīng)用”

通過這個圖我們可以看到，Angular框架的主要構(gòu)造塊有以下8個部分：

• 模塊
• 組件
• 模板
• 元數(shù)據(jù)
• 數(shù)據(jù)綁定
• 服務(wù)
• 指令
• 依賴注入

　　與用戶直接交互的就是模版視圖，模版視圖并不是獨立的模塊，它是組件的重要元素之一，另一個重要的重要元素就是組件類，，用以維護(hù)組件的的數(shù)據(jù)模型機功能邏輯，不同組件之間的切換通過路由模塊來控制。指令與模板之間存在關(guān)聯(lián)，主要的作用就是增強模板特性，間接擴展模版的語法。服務(wù)是封裝某一功能呢邏輯單元，這個功能邏輯可以通過依賴注入的機制引入之組件內(nèi)部，作為組件的功能擴展；

　　通過上述可以發(fā)現(xiàn)，Anaularjs應(yīng)用始終都是圍繞“組件”設(shè)計的，所以說應(yīng)用是由一個個大大小小的松耦合的組件構(gòu)成。

后續(xù)將對每一個構(gòu)造塊進(jìn)行深入探討～

三、Angularjs從框架到平臺

可以說Angularjs2現(xiàn)在更像是一個平臺而不是一個簡單的類庫了，目前在此基礎(chǔ)上構(gòu)建其他好用的工具：

框架核心包含：

• 依賴注入
• 裝飾器支持
• zone.js
• 編譯服務(wù)
• 變化檢測
• 渲染引擎

外部工具庫：

• Angular Material，Google官方的設(shè)計風(fēng)格的UI組件庫

工具：

• CLI為開發(fā)者提供了工作流自動化解決方案。功能涵蓋了創(chuàng)建項目，生成組件，配置路由，啟動開發(fā)服務(wù)器，構(gòu)建測試，運行測試，預(yù)處理CSS，部署前的構(gòu)建
• Augury用于調(diào)試，分析性能和可視化查看應(yīng)用組件樹，可以快速定位問題和調(diào)優(yōu)

?

轉(zhuǎn)載于:https://www.cnblogs.com/Henry-World/p/6487286.html

總結(jié)

以上是生活随笔為你收集整理的初始Angularjs2的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。