欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

AngularJS入門教程之學(xué)習(xí)環(huán)境搭建

 更新時(shí)間:2014年12月06日 15:14:33   投稿:junjie  
這篇文章主要介紹了AngularJS入門教程之學(xué)習(xí)環(huán)境搭建,本教程將指導(dǎo)您完成一個(gè)簡單的應(yīng)用程序創(chuàng)建過程,包括編寫和運(yùn)行單元測試、不斷地測試應(yīng)用,需要的朋友可以參考下

學(xué)習(xí)AngularJS的一個(gè)好方法是逐步完成本教程,它將引導(dǎo)您構(gòu)建一個(gè)完整的AngularJS web應(yīng)用程序。 該web應(yīng)用是一個(gè)Android設(shè)備清單的目錄列表,您可以篩選列表以便查看您感興趣的設(shè)備,然后查看設(shè)備的詳細(xì)信息。

本教程將向您展示AngularJS怎樣使得web應(yīng)用更智能更靈活,而且不需要各種擴(kuò)展程序或插件。 通過本教程的學(xué)習(xí),您將:

1.閱讀示例學(xué)習(xí)怎樣使用AngularJS的客戶端數(shù)據(jù)綁定和依賴注入功能來建立可立即響應(yīng)用戶操作的動態(tài)數(shù)據(jù)視圖。
2.學(xué)習(xí)如何使用AngularJS創(chuàng)建數(shù)據(jù)偵聽器,且不需要進(jìn)行DOM操作。
3.學(xué)習(xí)一種更好、更簡單的方法來測試您的web應(yīng)用程序。
4.學(xué)習(xí)如何使用AngularJS創(chuàng)建常見的web任務(wù),例如更方便的將數(shù)據(jù)引入應(yīng)用程序。

而且這一切可在任何一個(gè)瀏覽器實(shí)現(xiàn),無需配置瀏覽器!

當(dāng)你完成了本教程后,您將學(xué)會:

1.創(chuàng)建一個(gè)可在任何瀏覽器中的工作的動態(tài)應(yīng)用。
2.了解AngularJS與其它JavaScript框架之間的區(qū)別。
3.了解AngularJS如何實(shí)現(xiàn)數(shù)據(jù)綁定。
4.利用AngularJS的種子項(xiàng)目快速創(chuàng)建自己的項(xiàng)目。
5.創(chuàng)建和運(yùn)行測試。
6.學(xué)習(xí)更多AngularJS標(biāo)識資源(API)。

本教程將指導(dǎo)您完成一個(gè)簡單的應(yīng)用程序創(chuàng)建過程,包括編寫和運(yùn)行單元測試、不斷地測試應(yīng)用。 教程的每個(gè)步驟為您提供建議以了解更多有關(guān)AngularJS和您創(chuàng)建的web應(yīng)用程序。 您可能會在短時(shí)間內(nèi)快速讀完本教程,也可能需要花大量時(shí)間深入研究本教程。 如果想看一個(gè)簡短的AngularJS介紹文檔,請查看[快速開始][ Getting Started]文檔。

搭建學(xué)習(xí)環(huán)境

無論是Mac、Linux或Windows環(huán)境中,您均可遵循本教程學(xué)習(xí)編程。您可以使用源代碼管理版本控制系統(tǒng)Git獲取本教程項(xiàng)目的源代碼文件,或直接從網(wǎng)上下載本教程項(xiàng)目源代碼文件的鏡像歸檔壓縮包。

1.您需要安裝Node.js和Testacular來運(yùn)行本項(xiàng)目,請到Node.js官方網(wǎng)站下載并安裝最新版,然后把node可執(zhí)行程序路徑添加到系統(tǒng)環(huán)境變量PATH中,完成后在命令行中運(yùn)行一下命令可以查看是否安裝成功:

復(fù)制代碼 代碼如下:

node -version

然后安裝Testacular單元測試程序,請運(yùn)行如下命令:

復(fù)制代碼 代碼如下:

npm install -g testacular

2.安裝Git工具,然后用以下命令從Github復(fù)制本教程項(xiàng)目的源代碼文件:

復(fù)制代碼 代碼如下:

git clone git://github.com/angular/angular-phonecat.git

您也可以直接從網(wǎng)上下載本教程項(xiàng)目源代碼的鏡像歸檔壓縮包。這個(gè)命令會在您當(dāng)前文件夾中建立新文件夾angular-phonecat。

3.最后一件事要做的就是確保您的計(jì)算機(jī)安裝了web瀏覽器和文本編輯器。

4.進(jìn)入教程源代碼文件包angular-phonecat,運(yùn)行服務(wù)器后臺程序,開始學(xué)習(xí)AngularJS!

復(fù)制代碼 代碼如下:

cd angular-phonecat
node scripts/web-server.js

相關(guān)文章

  • Angular組件庫ng-zorro-antd實(shí)現(xiàn)radio單選框選擇

    Angular組件庫ng-zorro-antd實(shí)現(xiàn)radio單選框選擇

    這篇文章主要為大家介紹了Angular組件庫ng-zorro-antd實(shí)現(xiàn)radio單選框取消選擇實(shí)現(xiàn)問題解決,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
    2023-05-05
  • Angular2 (RC4) 路由與導(dǎo)航詳解

    Angular2 (RC4) 路由與導(dǎo)航詳解

    這篇文章主要介紹了Angular2 (RC4) 路由與導(dǎo)航的相關(guān)資料,需要的朋友可以參考下
    2016-09-09
  • angularjs實(shí)現(xiàn)猜大小功能

    angularjs實(shí)現(xiàn)猜大小功能

    這篇文章主要為大家詳細(xì)介紹了angularjs實(shí)現(xiàn)猜大小功能,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2017-10-10
  • AngularJS控制器詳解及示例代碼

    AngularJS控制器詳解及示例代碼

    本文主要介紹AngularJS控制器,這里整理了控制器的相關(guān)資料和提供示例代碼及實(shí)例效果圖,有需要的小伙伴可以參考下
    2016-08-08
  • AngularJs ng-route路由詳解及實(shí)例代碼

    AngularJs ng-route路由詳解及實(shí)例代碼

    這篇文章主要介紹了AngularJs ng-route路由,這里整理相關(guān)資料及簡單實(shí)例代碼,有興趣的小伙伴可以參考下
    2016-09-09
  • Angular如何在應(yīng)用初始化時(shí)運(yùn)行代碼詳解

    Angular如何在應(yīng)用初始化時(shí)運(yùn)行代碼詳解

    這篇文章主要給大家介紹了關(guān)于Angular如何在應(yīng)用初始化時(shí)運(yùn)行代碼的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2018-06-06
  • Angular.js實(shí)現(xiàn)掃碼槍掃碼并生成二維碼

    Angular.js實(shí)現(xiàn)掃碼槍掃碼并生成二維碼

    這篇文章主要為大家介紹了Angular.js實(shí)現(xiàn)掃碼槍掃碼并生成二維碼示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
    2023-03-03
  • AngularJS指令中的綁定策略實(shí)例分析

    AngularJS指令中的綁定策略實(shí)例分析

    這篇文章主要介紹了AngularJS指令中的綁定策略,結(jié)合實(shí)例形式分析了scope綁定策略的分類與具體實(shí)現(xiàn)方法,需要的朋友可以參考下
    2016-12-12
  • angularjs 緩存的使用詳解

    angularjs 緩存的使用詳解

    這篇文章主要介紹了angularjs 緩存的使用詳解,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2018-03-03
  • AngularJs每天學(xué)習(xí)之總體介紹

    AngularJs每天學(xué)習(xí)之總體介紹

    這篇文章主要為大家詳細(xì)介紹了Angularjs總體介紹及數(shù)據(jù)綁定部分內(nèi)容,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2017-08-08

最新評論