保险理财分析报告

新聞詳情

南寧企業網站建設:開始使用AngularJS

每隔一段時間出現一個新工具,就像突然出現,它滲透到遺忘。 不 AngularJS 雖然。 雖然被Misko約自2009年創立以來,與尊敬聽取 AngularJS已經獲得很多的關注在過去的幾個月 。

人們談論它,開發人員已經集成在他們的作品和作者寫書,獲得大量的現金。 所以, AngularJS是什么和你為什么要跳 嗎? 改變生活嗎? 的確是! 讓我來告訴你為什么。

注意: 南寧企業網站建設強烈建議你先熟悉JavaScript在深入研究AngularJS之前。 如果你不熟悉 MVC 和 DOM ,我建議進一步閱讀更多關于他們在繼續之前,否則你可能會感到困惑與大多數在本文中使用的術語。

推薦閱讀: 學習編程:10的誤解,都不是真的

AngularJS是什么?

AngularJS不僅僅是另一個JavaScript框架。 當然,我們有骨干,灰燼,最熱的jQuery,但AngularJS在很多方面是不同的。

數據綁定和建造為單頁面應用程序(SPA)

首先,AngularJS 一個是專為水療的數據綁定框架 。 意思,您可以輕松地構建一個應用程序不使用任何其他庫,因為它已經有你所需要的一切。 它還維護同步模型和視圖。

建立一個溫泉的美妙之處在于,它模仿桌面頁面是相同的所有經驗,僅僅更改視圖以及URL - AngularJS處理路由以及觀點。 這是 更快更流暢 這種方式。 就好像你剛開了一個桌面應用程序,所需的一切。

另一件事是, 不像其他水療,瀏覽器歷史實際上是 。 舉個例子,如果你想點擊后退按鈕回到之前的觀點,AngularJS會帶你回到前面的視圖。 大多數溫泉不工作。

模型-視圖-控制器實現了對吧

AngularJS實現MVC美麗。 大多數使用MVC框架 需要單獨的應用程序分成多個模塊,然后編寫代碼,將連接在一起 。 而這背后的原因是使工作更加靈活和可重用的代碼,這導致許多編碼恐怖,特別是對于懶惰的開發人員(或昏昏欲睡)。 AngularJS處理這種美麗只需需要j 您的應用程序分割成不同的模塊 。 然后處理。

動畫

當然一個單頁面應用程序不能沒有適當的動畫很好看。 如前所述,AngularJS是一個功能豐富的框架,有你需要的所有東西在構建通用的應用程序。 因此, 它提供了一個簡單的方法來介紹動畫 在每一個視圖一樣jQuery。

這是一個 很好的例子 AngularJS如何處理的動畫。

但這只是AngularJS的表面。 這里更多的是它能做什么:

· 

數據驗證

· 

· 

依賴注入

· 

· 

處理自定義邏輯

· 

· 

多元化的指令

· 

· 

之間共享數據的控制器

· 

· 

提高HTML

· 

· 

DOM操作的幫助下jQlite(內置)

· 

· 

AJAX

· 

· 

路由

· 

· 

測試

· 

· 

和許多更多

· 

一個比較

現在,讓我們來看一看如何AngularJS作品通過比較常規的JavaScript和jQuery。

香草JavaScript

不使用任何JavaScript庫 就是這個樣子,你輸入實時顯示數據。

1

2

3.

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20.

21

<超文本標記語言>

    <頭>

    <標題> < /香草JavaScript標題>

    頭>

 

    <身體>

        名稱:<輸入 id=“textInput” 類型=“文本” />

        <br/>

        你的名字是<跨度 id=“名稱”> < /跨度>

         

        <腳本>

            var textInputElement = . getelementbyid (“textInput”),

            nameElement = . getelementbyid('名稱');

            textInputElement.addEventListener(“彈起”,函數(){

            var文本= textInputElement.value;

            nameElement。 innerHTML =文本;

            });

        腳本>

         

    身體>

超文本標記語言>

JQuery

使用jQuery,顯示您輸入的數據 變得更簡單 因為來回的大部分是由jQuery。 因此,使您能夠編寫更少的代碼。

1

2

3.

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

<超文本標記語言>

    <頭>

        <標題jQuery > < /標題>

        <腳本 src=“http://code.jquery.com/jquery-2.1.1.min.js”> < /腳本>

    頭>

     

    <身體>

    名稱:<輸入 id=“textInput” 類型=“文本”/>

    <br/>

    你的名字是<跨度 id=“名稱”> < /跨度>

     

    <腳本>

        $ (' # textInput ')。(“彈起”,函數(){

        $(' #名稱'). html ($ (' # textInput) .val ());

         });

    腳本>

    身體>

     

超文本標記語言>

AngularJS

AngularJS讓一切一個較高的等級。 不僅是輕量級框架, 你寫你的HTML變得更容易 了。

1

2

3.

4

5

6

7

8

9

10

11

12

13

14

< ! DOCTYPE html >

 

<超文本標記語言 ng-app >

    <頭>

        <腳本 src=“angular.min.js”> < /腳本>

        <標題> AngularJS < /標題>

    頭>

     

    <身體>

        名稱:<輸入 類型=“文本” ng-model=“名稱” />

        <br />

        你的名字是{{名稱}}

    身體>

超文本標記語言>

如上所述,AngularJS在于的美麗 讓你編寫的代碼更少,同時保持應用程序的完整性 。 幾乎沒有來回代碼,因為大多數的模塊是通過AngularJS串接起來。 另一個值得注意的事情是 你不需要操縱控制器為了改變視圖 。

AngularJS的局限性

AngularJS并不全是陽光和彩虹。 如果你是 旨在創建一個應用程序,簡單的計算 ——一個計算器,拼圖游戲、動畫、動態形式等,那么AngularJS是你正在尋找的框架。

然而,如果你正在建設一個大型和密集的應用程序像一個管理工具,你可能想要偏離從AngularJS并不發達,或者至少在結合使用其他框架。

AngularJS是 為快速原型建造 ,專門為通用的應用程序,但存在這樣的情況:您可以使用它來構建應用程序的大尺度,但尚未獲得聲望。

AngularJS資源

學習的基礎 在CodeSchool AngularJS 。 這是一個免費的課程,是由谷歌。 它 教一個如何使用AngularJS從許多不同的角度 。 別忘了檢查 AngularJS的YouTube頻道 開發人員自己發布教程和新聞更新。

但如果你是更多的 一種文檔的開發人員 ,您可能希望查看 AngularJS API文檔 。 精通JavaScript的人來說,這個文檔應該容易的微風。

你不需要重新發明輪子 有很多模塊,您可以使用和改進 在 ngmodules.org的庫 。

如果你有資金,并認真學習AngularJS,我強烈推薦檢查 AngularCourse.com 與它的 7小時的高清視頻 課程 這將幫助您構建一個真實的產品。

你是redditor嗎? 如果你是,你可以查看 / r / angularjs 為 社區討論和支持 。

AngularJS在行動

ngSweetAlert

這是一個 很甜蜜的替換 JavaScript的單調的“警報”。

 

Angular-nvD3圖表

如前所述,您可以使用AngularJS中間計算簡單。 使用 Angular-nvD3 ,您可以根據您的需要定制您的圖表。

南寧企業網站建設 

顫抖的登錄表單

你甚至可以讓表單時驗證。 別忘了檢查 教程 !

 

AngularJS滑動和詞搜索難題

 簡單的拼圖 顯示了如何靈活和簡單AngularJS。 別忘了叉 GitHub 也

 

2048游戲

還記得這個游戲嗎? 這是 2048 數量已經不見蹤影了,因為我不想再次上癮。 游戲使用AngularJS被重塑。 這太酷了,不是嗎? 檢查 教程 為自己和學習!

 

結論

AngularJS是 一個強大的框架,南寧企業網站建設可以幫助開發人員加快開發web應用程序 。 AngularJS的使用是越來越受歡迎的日子,我強烈推薦跳躍在趨勢是一個動態的和有幫助的社區等你加入!

 


聯系電話 400-6065-301

微信咨詢 寒總監

保险理财分析报告 日本女优名器npg 皇冠比分99814纯净版 百度金融理财平台 排球比赛比分制度 时时彩 曰本一大免费高清2019 棋牌游戏招代理 杭州按摩师招聘信息 四海策略配资 福州站街女2020 北京十一选五开奖 足球比分直播新浪老版 麻将代理平台上分 基金配资是什么意思 2013最新三级片电影 15选5开奖号码