一、為什么使用Angularjs2

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

1）模塊化

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

2）使用了TypeScript

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

二、Angularjs架構(gòu)

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

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

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

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

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

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

三、Angularjs從框架到平臺(tái)

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

框架核心包含：

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

外部工具庫(kù)：

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

工具：

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

?

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

總結(jié)

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

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