從jQuery/jQuery Mobile移動到AngularJS

Question

我的移動應用程序在此刻嚴重依賴jQuery/jQuery Mobile - 這樣我幾乎可以做每個DOM操作，遍歷我的數據集以及使用jQuery進行大量動畫 - 因爲它是很容易做到。

我也使用jQuery Mobile作爲核心框架，因爲它是移動友好的，並且爲您提供了一個開箱即用的界面（儘管是一個非常基本的通用界面）。

幾乎每個移動開發者我都會談論AngularJS;我認爲隨着流行的jQuery Mobile似乎越來越多，這將是大多數人的選擇 - 但我很驚訝地發現，很少有開發人員使用它，並選擇AngularJS路線。

我已經看到使用AngularJS的演示似乎沒有顯示出很好的外觀和感覺 - 如果有的話，他們不顯示任何形式的樣式。

我們的應用程序從遠程數據源下載JSON並用它做各種事情。

那麼幾個問題：

1. 是什麼AngularJS所提供的 - 我見過的初始東西似乎表明它看上去很基本的？
2. 它是更好比jQuery？兩者是否可比？
3. 我會從中獲益嗎？ jQuery的的

一個缺點是，它是相當笨重 - 這是一個有點慢（你真的在等待時的事情來初始化注意到滯後）。我打算閱讀O'Reilly的AngularJS（http://shop.oreilly.com/product/0636920028055.do） - 希望這會給我帶來一些好處 - 但是，第一章並沒有真正顯示出很多好處。

Answer 1

此問題已被詢問。請參閱：

• How is AngularJS different from jQuery
• Why use AngularJS instead of jQuery?

現在回答你的問題，特別是：

1. 作爲鏈接回答，AngularJs是一個開發框架，而jQuery是一個庫目標DOM操作
2. 它們沒有可比性。我在我的AngularJs解決方案中使用JQuery來操縱DOM（在指令中）
3. 這是一個相當複雜的問題。我將在下一行中回答它

我不確定您是否會獲得收益，但很多人發現他們這樣做（我正在將應用程序架構從內部框架遷移到AngularJs，我認爲好處是明顯

• 更好的代碼結構
• 的關注更好的分離

我覺得你應該先明白爲什麼有這麼多MV *的JavaScript在那裏（list of mv* frameworks）以及他們試圖解決的問題。

注意：我是C＃開發人員，我絕不是這個主題的權威人士，剛開始在過去6個月裏從事Angular的工作。

Answer 2

jQuery和Angular完全不同的東西。 請參閱this答案以更好地瞭解差異。

請注意，角正在使用jQuery的洞察力。

關於你的最後一個問題：你將有不同的方法來構建你的web應用程序。在我看來，結構更加完善。但是，再次...這不是可比的事情。

Answer 3

AngularJS帶有自己的jQuery版本jQlite（http://docs.angularjs.org/api/angular.element），它有很多常用的jQuery方法。這是很重要的，因爲現在如果你正在使用的jQuery如.addClass（）方法是在jQlite，你並不需要包括jQuery的，而是隻包含AngularJS從而節省內存並增加了移動

IonicFramework速度（​​）就像jQueryMobile框架，但使用AngularJS而不是jQuery作爲結構，並且在我看來，它的外觀和感覺比大多數jQueryMobile主題還要好