一、概述

作為一家“創(chuàng)意+整合+營(yíng)銷”的成都網(wǎng)站建設(shè)機(jī)構(gòu)，我們?cè)跇I(yè)內(nèi)良好的客戶口碑。創(chuàng)新互聯(lián)建站提供從前期的網(wǎng)站品牌分析策劃、網(wǎng)站設(shè)計(jì)、網(wǎng)站建設(shè)、做網(wǎng)站、創(chuàng)意表現(xiàn)、網(wǎng)頁(yè)制作、系統(tǒng)開(kāi)發(fā)以及后續(xù)網(wǎng)站營(yíng)銷運(yùn)營(yíng)等一系列服務(wù)，幫助企業(yè)打造創(chuàng)新的互聯(lián)網(wǎng)品牌經(jīng)營(yíng)模式與有效的網(wǎng)絡(luò)營(yíng)銷方法,創(chuàng)造更大的價(jià)值。

盡管被稱為Angular5，實(shí)際上它只是這個(gè)誕生于2012年的前端框架的的第四個(gè)版本：

angular history

看起來(lái)差不多半年就發(fā)布一個(gè)新版本，不過(guò)實(shí)際上從重寫(xiě)的版本2開(kāi)始，開(kāi)發(fā)接口與核心思想就穩(wěn)定下來(lái)了，并基本保持著與前序版本的兼容性。

在5這個(gè)新的版本中，Angular團(tuán)隊(duì)將改進(jìn)重點(diǎn)放在以下特性方面：

1. 更易于構(gòu)建漸進(jìn)式Web應(yīng)用 —— __P__rogressive __W__eb __A__pp
2. 使用構(gòu)建優(yōu)化器剔除無(wú)用代碼，以獲得更小的應(yīng)用、更快的網(wǎng)絡(luò)加載時(shí)間
3. 使物化設(shè)計(jì)組件兼容服務(wù)端渲染

PWA是Google提出的一個(gè)標(biāo)準(zhǔn)，旨在讓W(xué)eb應(yīng)用在移動(dòng)終端上獲得媲美原生應(yīng)用的用戶體驗(yàn)。一個(gè)PWA應(yīng)用主要利用Service Worker和瀏覽器緩存來(lái)提省交互體驗(yàn)，它不僅可以直接部署在手機(jī)桌面，而且可以離線應(yīng)用：

pwa

二、引入angular環(huán)境

Angular推薦使用TypeScript來(lái)開(kāi)發(fā)應(yīng)用，這要求使用一個(gè)在線編譯器（JIT）實(shí)時(shí)編譯代碼，或者在開(kāi)發(fā)期采用預(yù)編譯器(AOT)提前編譯代碼。

為了避免這個(gè)繁瑣的過(guò)程影響對(duì)Angular框架本質(zhì)的思考，我們將這些必需品進(jìn)行了必要的配置和打包，以便適應(yīng)在線編寫(xiě)和實(shí)驗(yàn)?，F(xiàn)在只需要引入一個(gè)庫(kù)a5-loader就可以了。

下圖是庫(kù)的構(gòu)成示意，其中的藍(lán)色部件均打包在庫(kù)中：

a5-loader

你可能注意到Angular框架并不是藍(lán)色的。的確，我們沒(méi)有把它打包在a5-loader中，而是讓模塊加載器（SystemJS）根據(jù)應(yīng)用的需要自動(dòng)加載。這么做的目的，是為了讓?xiě)?yīng)用代碼，和后續(xù)課程中采用的后端構(gòu)建方法保持一致。

如果你對(duì)這個(gè)庫(kù)有興趣，可以訪問(wèn)github上的 http://github.com/hubwiz/a5-loader 倉(cāng)庫(kù)。

三、創(chuàng)建Angular組件

Angular是面向組件的前端開(kāi)發(fā)框架。如果你從事過(guò)C/S圖形化應(yīng)用的開(kāi)發(fā)，應(yīng)該知道組件這個(gè)詞的含義?；旧?，組件代表著一些具有圖形界面，并且具有內(nèi)在邏輯能力的程序單元。下圖列出了三種用于實(shí)現(xiàn)乒乓切換的組件：

component sample

組件提供了很好的復(fù)用性，在一堆組件的基礎(chǔ)上，我們使用簡(jiǎn)單的膠水代碼就可以實(shí)現(xiàn)相當(dāng)復(fù)雜的交互功能。

現(xiàn)在讓我們來(lái)創(chuàng)建Angular組件，代碼相當(dāng)簡(jiǎn)單：

@Component({ selector: "ez-app", template: `
Hello,angular5
`})class EzComp{}

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無(wú)理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì)，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。

網(wǎng)頁(yè)標(biāo)題：簡(jiǎn)述Angular5快速入門-創(chuàng)新互聯(lián)
鏈接URL：http://weahome.cn/article/djcosi.html