angularjsjqueryui

1. web前端開發框架有哪些

常見的web前端開發框架如下：

1、Bootstrap：

主流框架之一，Bootstrap 是基於 HTML、CSS、javaScript的，它簡潔靈活，使得 Web 開發更加快捷。

2、html5-boilerplate：

該框架可以快速構建健壯，且適應力強的web app或網站。

3、Meteor：

Meteor是新一代的開發即時web應用的開源框架，它能在較短時間內完成開發。

4、Materialize：

基於材料設計的現代化響應式前端框架。可提供默認的樣式，自定義組件。此外，Materialize還改進動畫和過渡，為開發人員提供流暢的體驗。

5、Amaze UI：

國內首個開源HTML5跨屏前端框架產品系列，中文排版支持更優、本土化組件豐富。該產品系列中有專門針對移動端的HTML5混合應用開發框架Amaze UI Touch以及針對跨屏HTML5網頁開發的Amaze UI Web。

(1)angularjsjqueryui擴展閱讀：

web框架程序的作用：

Web框架使得在進行Web應用開發的時候，減少了工作量。Web框架主要用於動態網路開發，動態網路主要是指現在的主要的頁面，可以實現數據的交互和業務功能的完善。

使用Web框架進行Web開發的時候，在進行數據緩存、資料庫訪問、數據安全校驗等方面，不需要自己再重新實現，而是將業務邏輯相關的代碼寫入框架就可以。也就是說，通過對Web框架進行主觀上的「縫縫補補」，就可以實現自己進行Web開發的需求了。

以PHP為例，PHP可以在apache伺服器上進行Web開發，而不必使用框架。使用PHP進行開的時候，在不適用框架的情況下，資料庫連接就需要自己來實現，頁面的生成和顯示也是一樣。比如框架的話可以完成避免sql注入的工作，而使用PHP在不用框架的情況下，這部分要自己做。

參考資料來源：網路-前端開發

2. 前端常用的框架有哪些

前端三大框架，是Angular、React、Vue，這三個框架現在是最為流行也是最多人用的框架。

React：
1.聲明式設計：React採用聲明範式，可以輕松描述應用。
2.高效：React通過對DOM的模擬，最大限度地減少與DOM的交互。
3.靈活：React可以與已知的庫或框架很好地配合。
優點：
1.速度快：在UI渲染過程中，React通過在虛擬DOM中的微操作來實現對實際DOM的局部更新。
2.跨瀏覽器兼容：虛擬DOM幫助我們解決了跨瀏覽器問題，它為我們提供了標准化的API，甚至在IE8中都是沒問題的。
3.模塊化：為你程序編寫獨立的模塊化UI組件，這樣當某個或某些組件出現問題是，可以方便地進行隔離。
4.單向數據流：Flux是一個用於在JavaScript應用中創建單向數據層的架構5.同構、純粹的javascript：因為搜索引擎的爬蟲程序依賴的是服務端響應而不是JavaScript的執行，預渲染你的應用有助於搜索引擎優化。6.兼容性好：比如使用RequireJS來載入和打包，而Browserify和Webpack適用於構建大型應用。它們使得那些艱難的任務不再讓人望而生畏。缺點：React本身只是一個V而已，並不是一個完整的框架，所以如果是大型項目想要一套完整的框架的話，基本都需要加上ReactRouter和Flux才能寫大型應用。

Vue：
Vue是尤雨溪編寫的一個構建數據驅動的Web界面的庫，准確來說不是一個框架，它聚焦在V（view）視圖層。
它有以下的特性：
1.輕量級的框架
2.雙向數據綁定
3.指令
4.插件化
優點：
1.簡單：官方文檔很清晰，比Angular簡單易學。
2.快速：非同步批處理方式更新DOM。
3.組合：用解耦的、可復用的組件組合你的應用程序。
4.緊湊：~18kbmin+gzip，且無依賴。
5.強大：表達式無需聲明依賴的可推導屬性(computedproperties)。
6.對模塊友好：可以通過NPM、Bower或Duo安裝，不強迫你所有的代碼都遵循Angular的各種規定，使用場景更加靈活。
缺點：
1.新生兒：Vue.js是一個新的項目，沒有angular那麼成熟。
2.影響度不是很大：google了一下，有關於Vue.js多樣性或者說豐富性少於其他一些有名的庫。
3.不支持IE8。

Angular：
Angular是一款優秀的前端JS框架，已經被用於Google的多款產品當中。
它有以下的特性：
1.良好的應用程序結構
2.雙向數據綁定
3.指令
4.HTML模板
5.可嵌入、注入和測試
優點：
1.模板功能強大豐富，自帶了極其豐富的angular指令。
2.是一個比較完善的前端框架，包含服務，模板，數據雙向綁定，模塊化，路由，過濾器，依賴注入等所有功能；3.自定義指令，自定義指令後可以在項目中多次使用。
4.ng模塊化比較大膽的引入了Java的一些東西（依賴注入），能夠很容易的寫出可復用的代碼，對於敏捷開發的團隊來說非常有幫助。
5.angularjs是互聯網巨人谷歌開發，這也意味著他有一個堅實的基礎和社區支持。
缺點：
1.angular入門很容易但深入後概念很多,學習中較難理解。
2.文檔例子非常少,官方的文檔基本只寫了api,一個例子都沒有,很多時候具體怎麼用都是google來的,或直接問misko,angular的作者。
3.對IE6/7兼容不算特別好,就是可以用jQuery自己手寫代碼解決一些。
4.指令的應用的最佳實踐教程少,angular其實很靈活,如果不看一些作者的使用原則,很容易寫出四不像的代碼,例如js中還是像jQuery的思想有很多dom操作。
5.DI依賴注入如果代碼壓縮需要顯示聲明。

3. 常見的前端框架reactjs、Angularjs、Vuejs、nodejs、bootstrap、easyui、jqueryui的區別

功能上有區別，我個人認為如果不做學術，做開發的話沒必要細分，自己掌握幾個常用的框架，能解決開發上的問題就夠了。

4. AngularJS 有哪些優缺點

• AngularJS 在實際應用中優點：

1. 模板功能強大豐富，並且是聲明式的，自帶了豐富的Angular指令；

2. 是一個比較完善的前端MV*框架，包含模板，數據雙向綁定，路由，模塊化，服務，過濾器，依賴注入等所有功能；

3. 自定義Directive，比jQuery插件還靈活，但是需要深入了解Directive的一些特性，簡單的封裝容易，復雜一點官方沒有提供詳細的介紹文檔，可以通過閱讀源代碼來找到某些我們需要的東西；

4. ng模塊化比較大膽的引入了Java的一些東西（依賴注入），能夠很容易的寫出可復用的代碼，對於敏捷開發的團隊來說非常有幫助，即使UI變化很大，而且產品更新迭代，但是js的代碼基本上卻很少改動。
   

補充：Angular支持單元測試和e2e-testing。

• AngularJS 在實際應用中缺點：

1. 驗證功能錯誤信息顯示比較薄弱，需要寫很多模板標簽，沒有jQuery Validate方便，所以我們自己封裝了驗證的錯誤信息提示；

2. ngView只能有一個，不能嵌套多個視圖，雖然有 angular-ui/ui-router · GitHub 解決，但是貌似ui-router 對於URL的控制不是很靈活，必須是嵌套式的；

3. 對於特別復雜的應用場景，貌似性能有點問題，特別是在Windows下使用chrome瀏覽器；

4. 這沒有完美兼容低版本，升級之後可能會導致一個兼容性的BUG；

5. ng提倡在控制器裡面不要有操作DOM的代碼，對於一些jQuery 插件的使用，如果想不破壞代碼的整潔性，需要寫一些directive去封裝插件，但是現在有很多插件的版本已經支持Angular了；

6. Angular 太笨重了，沒有讓用戶選擇一個輕量級的版本，；

使用的人多才會暴露更多的問題，一起為這些問題尋找解決方案是一個社區的良性趨勢，選擇Angular，的確使開發效率大大提高。

5. 框架的話是選擇JQ 還是AngularJS 亦或是ReactJS

框架的選擇 不是 哪個好就用哪個。
每個框架都有自己的優點。
主要跟項目有關。沒有最優的框架，只能說最適合的框架。

6. web前端三大主流框架都是什麼

web前端三大主流來框架都是Angular、自React、Vue。

3、Vue

Vue作為最後推出的框架（2014年），借鑒了前輩angular和react的特點（如VirtualDOM、雙向數據綁定、diff演算法、響應式屬性、組件化開發等）並做了相關優化，使其使用起來更加方便，更容易上手，比較少適合初學者。

7. AngularJS和jquery，有什麼區別

作為一個快速、簡潔的JavaScript框架，是繼Prototype之後又一個優秀的JavaScript代碼庫（或JavaScript框架）。其強大的兼容性，獨特的鏈式語法和短小清晰的多功能介面為我們平常的開發工作帶來了不少的幫助。

在今年的3月16，我們也迎來了jQuery 3.2.0（jQuery 3.2.0 Is Out!）。此版本包括一些錯誤修復，改進和一些棄用，如果從 jQuery 3.0+升級，應該不會存在兼容性問題。如果尚未升級到 jQuery 3+，請去查閱「3.0升級指南」。

這次更新中值得關注的更新：

1.支持自定義CSS屬性添加

2.棄用jQuery.holdReady

3.棄用jQuery.nodeName

4.棄用jQuery.inArray

5.修復了.width()和.height()中存在的一個bug 。例如,transform: scale(2x)時，元素的高寬值不應該翻倍。

6.支持將