• <progress id="0ds1w"></progress>

          <strong id="0ds1w"><big id="0ds1w"></big></strong><strong id="0ds1w"></strong>
          <track id="0ds1w"><i id="0ds1w"><del id="0ds1w"></del></i></track>
          <ruby id="0ds1w"><i id="0ds1w"></i></ruby>

        1. 新聞詳情

          瀘州企業網站建設_瀘州制作網站公司_網站設計

          每隔一段時間出現一個新工具,就像突然出現,它滲透到遺忘。 不 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的使用是越來越受歡迎的日子,我強烈推薦跳躍在趨勢是一個動態的和有幫助的社區等你加入!

           


          被cao到肚子鼓起来灌满
        2. <progress id="0ds1w"></progress>

                <strong id="0ds1w"><big id="0ds1w"></big></strong><strong id="0ds1w"></strong>
                <track id="0ds1w"><i id="0ds1w"><del id="0ds1w"></del></i></track>
                <ruby id="0ds1w"><i id="0ds1w"></i></ruby>