jquery與angularjs的差別是什麼

區別：1、JQuery是一個JS函式庫，AngularJS是一個JS框架；2、Jquery與模型無關，Angular基於MVC模型；3、Jquery沒有雙向綁定功能，Angular有；4、jQuery適合回合式，Angular適合單頁應用程式等。

本教學操作環境：windows7系統、jquery1.10.0&&Angular6版本、Dell G3電腦。

AngularJS與JQuery之間的區別：

1、JQuery是一個JavaScript函式庫，用於DOM操作；AngularJS是一個JavaScript框架。

2、Jquery與模型無關； Angular是基於MVC，用於創建SPA（單頁應用程式）。

3、Jquery沒有雙向綁定功能；而Angular具有路由，指令，雙向資料綁定，模型，依賴注入，單元測試等關鍵功能。

4、開發模式存在差異

AngularJS與jQuery在web應用開發模式上有著完全不同的思路：

• jQuery： 透過顯示操作瀏覽器中的DOM來創建應用程式（適合回合式應用），對於大型及複雜項目，不利於全面的單元測試；

• AngularJS：將瀏覽器吸收為應用程式的基礎（適合單頁應用），擅長大型及複雜項目，便於全面的單元測試。

那什麼是回合式應用程式和單頁應用程式呢？

回合式應用程式（Round-Trip Application）

在Web應用程式發展剛起步時，許多開發者都用的是回合式應用程式。

相較於單頁應用，它就相當於多頁應用程式吧。

• 優點：它對瀏覽器的要求少，能保證最大限度地對客戶端的支援；

• 缺點：使用者在下一個HTML文件唄請求並載入之前必須等待，這個期間，它需要大型伺服器端，也就是後端伺服器來處理所有請求並管理所有的應用程式狀態，佔用了許多頻寬（這時因為每個HTML文件必須是自包含的，也就是每次更新頁面，都要把HTML文件中更新的和未更新的內容完整的發送給伺服器端，這就導致從伺服器產生的每個回應包含許多相同的內容）。

單頁應用程式 （Single-Page Application）

相較於回合式應用，單頁應用就是另闢蹊徑了。整個應用程式只有一個初始的HTML文件被傳送給瀏覽器，使用者互動所產生的Ajax（非同步）請求只會請求較小的HTML片段，或是要插入到已有的顯示給使用者元素中的資料。

初始的HTML文件不會再次載入或替換，當Ajax請求被非同步執行時，使用者也可以繼續與現有的HTML進行互動。

• 優點： 減少向後端要求的資料量，減少了頻寬，提升了web應用的效能。

• 缺點：對瀏覽器的效能變高，不是所有瀏覽器都有相容某些功能。

更多程式相關知識，請造訪：程式設計影片！ ！

以上是jquery與angularjs的差別是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章！