A. 前端常用的框架有哪些
一、 Web前端框架之Angular 2+
Angular 2+優點解析：
Angular 2+ 的最大優勢在於它的流行程度。也有人認為它和 Google 密切相關的名字，會影響團隊使用它。Angular 1 的迅速流行是因為那些來自其他互動式應用程序開發環境的人會發現對於開發單頁面 Web 應用程序具有相似的模型-視圖模式。通過對 Angular 1 進行現代化演變和重新構建框架的某些部分，Angular 2+ 已經真正的爆發了，大量的正式的和非正式培訓機構數量都讓人印象深刻，開發者有很強的市場競爭力。對於用戶來說它有一套用於構建用戶界面的豐富組件，這也是本系列中少有的幾個框架能夠做到這點。
缺點解析：
我們覺得 Angular 框架著重於在單個頁面應用程序中創建用戶界面並沒有處理構建完整的 Web 應用這個更大的關注點，如果不及早確定下來，這將會導致整個項目難以維護，在實際項目中，運行時提供不屬於核心框架的技術往往讓人覺得不可思議，這大大降低了 TypeScript 對最終開發者的價值。
發展方向：
Angular 5 剛剛發布，這看來是 Angular 已經成功的印證了快速發布版本的承諾，在 Google 的持續支持下，Angular 會越來越成熟。
像許多的大型組織一樣，Google 具有多重(分裂)的人格，從外表上看，Angular 團隊和那些專注於瀏覽器標準的團隊之間顯得很和諧。但我們的觀點是，和諧只是一層薄薄的窗戶紙。Angular 團隊對於 Web 組件和漸進式 Web 應用沒有一個真正解決方案。我們認為，業界普遍認可的標准將會在 Angular 框架中會逐步實現，這將會影響到如何更好的構建 Angular 應用將成為一個中/長期的風險。
使用環境：
如果你需要在一個大型的框架內獲取技術資源，框架內的技術通常很容易移植;或者你需要在框架中訓練開發人員，並且還要有一定的信心，他們會在短期內獲得一定的開發能力，這樣的話你可以考慮 Angular 2+ 。需要注意的是 Angular1(angular.js)與 Angular2+ 是截然不同的，其中的應用、技術和經驗不能直接移植到 Angular2+ 的開發中去。
如果你的 Web 應用能夠很好的轉化為標準的模型-視圖模式，那麼你也可以忽略其他直接考慮使用 Angular2+ 。
如果你對 Google Material UX 設計模式滿意，那麼 Material Angular 是遵循該模式的一種快速、簡單且可靠的方式。
二、Web前端框架之React + Rex
React + Rex優勢解析：
React 和 Rex 的最大優勢在於它們相對簡單和專注。做一件事情並把它做好是非常困難的，但這兩個庫都很有效地完成了它們的目標。雖然對於某些狀態容器方法可能是外部的，但大多數開發人員還是可以輕松掌握概念，並了解單向數據體系結構的好處，簡化大量的用戶界面應用程序。
缺點解析：
React 和 Rex 最大的弱點不是它們是什麼，而是它們不是什麼。要構建一個功能豐富的 Web 應用程序，你需要許多功能，一旦脫離 React 和 Rex 和其他一些庫的核心，你將發現一個非常分散的社區，擁有無數的解決方案和模式，不容易整合在一起。
因此，雖然 React 和 Rex 都是非常專注的庫，但缺乏經驗的團隊還是會很容易地生成不可維護的解決方案，而不是意識到他們所做的選擇會導致性能不佳或錯誤。即使有經驗的開發人員也可能意識到，一個鬆散的架構或慣例可能會在未來困擾他們。
假省錢是一種對自己的欺騙，組織范圍內採用 React 和 Rex 將輕松降低無效率問題。沒有其他庫和模式的廣泛約定和標准化，標准化 React + Rex 比較於我們正在採用的 JavaScript 來編寫我們的應用程序效率要高。
發展方向：
Facebook 和 React 最近從繁瑣的附加專利糾紛中抽離，他們認識到，就像其他項目一樣，更廣泛的社區能夠提高自己的聲音。我覺得這有助於 Facebook 意識到他們還不能更好地了解我們，相信我們來引導項目。希望這將繼續貫穿項目的特點和技術方向。
很難預測 React 和 Rex 的未來。但是，將庫集中在一起，確實會顯著提高適應性，大多數React + Rex 模式都會促進一個分離的體系結構，從而可以輕松地進行重構和迭代。兩年前，大家喜歡的還是React + Flux，但整個社區很快就擁抱了Rex。思維或模式的其他重大轉變可能很容易被採納。這種關鍵能力可能會持續到未來。
使用環境：
如果你很少需要手把手指導，並且正在尋找更好的庫而不是全面的框架，那麼 React + Rex 可能是正確的。在這一過程中，你不僅需要對你的團隊和組織的能力保持誠實，還要在你的初始開發過程中，以及在整個應用程序的長期維護過程中保持誠實。
三、Web前端框架之Vue.js
vue.js優勢介紹：
漸進式構建能力是vue.js最大的優勢，vue 有一個簡潔而且合理的架構，使得它易於理解和構建。
vue 有一個強大的充滿激情人群的社區，這為vue.js增加了巨大的價值，使得為一個空白項目創建一個綜合的解決方案變得十分容易。
缺點介紹：
在模型-視圖應用程序和狀態容器類型的應用程序之間的互相轉換可能會令人感到困惑，即使沒有完美包含一個模式到另一個模式的完美轉換，但讓人感覺希望能維持兩個模式的相關性。對於那些期待vue.js完美解決方案，並可能導致難以維護不一致的應用程序的人來說，這至少是令人困惑的。
一個更大的挑戰是vue.js依賴於一個單獨的人，很明顯，其他的項目基本是由一個組織提供支持，但這讓人感覺更加有意義，雖然它有一個強大文件的社區和許多有創新的新增項目，但是 vue 核心的開發基本落在一個人身上。
我們很高興看到 vue 更加容易接受新興的標准方法，但是它的類似於 Web 組件的模式，而不是真正的 Web 組件，這可能是 vue 所得不償失的地方。
發展前景：
雖然vue.js有相當廣泛的應用，但也很難預測在中期發展中這個勢頭能持續多久，它不是由一個商業組織直接支持並維護，因此，這很大程度上依賴於維護者的生存能力和繼續維護下去的願望來決定。
它也表現出了一定程度的語言適應能力，並且隨著某些模式的落伍和失寵而繼續保持自身語言的現代化和時代性，目前沒有跡象表明vue.js架構將來無法適應進一步發展。
使用場景：
如果你有一個傳統的Web應用程序，並需要一個強壯穩健的應用程序層，那麼vue.js 可能是一個很好的選擇，它有清晰的模式，即使沒有經驗的團隊也能正確或者錯誤的使用它。盡管vue UX框架沒有開箱即用的功能，但在vue.js上也能大量持續性構建應用，這將有利於你的項目。
B. 0基礎學習Web前端知識一定要掌握的5個技術
今天小編要跟大家分享的文章是關於0基礎學習Web前端知識一定要掌握的5個技術。近幾年，IT人才的走俏已是不爭的事實，在北京、上海、廣州、深圳四大城市，年薪40萬以上的職位排行中，IT/互聯網/通信均占據第一位。
目前，國內互聯網行業擁有大量的職位缺口，其中熱門崗位—
「Web前端」是需求增長最快的開發崗位，在所有開發職位中排名第一，待遇一直是名列前茅，職位空缺相當大，崗位需求甚至超過了Java。因此，轉行Web前端，學習Web培訓對於大學生來說是個不錯的選擇。
那麼，對於0基礎的大學生來說，應該如何學習Web前端開發，需要掌握哪些方面技術呢?
1、學習HTML5和CSS3基礎
隨著這移動互聯網快速發展的時代，尤其是4G時代，HTML5+CSS3已然成為新一代的Web前端技術。
隨著HTML5的發展和普及，了解HTML5也將成為Web開發人員的必修課。涉及到網頁外觀時，就需要學習CSS
了，它可以幫你把網頁做得更美觀。
利用HTML5和CSS3模擬一些你所見過的網站的排版和布局(色彩，圖片，文字樣式等等)。
如：京東首頁的實現
當然，北大青鳥Web前端開發課程第一階段還會學習
PS設計工具使用和互聯網UI設計理論。在階段項目實戰中，大家常見的京東詳情頁、360專題頁、淘寶首頁都可以實現。
2、學習JavaScript，了解DOM
JavaScript是一種能讓你的網頁更加生動活潑的程序語言。學習JavaScript的基本語法，學會用JavaScript操作網頁中
DOM元素。
在北大青鳥Web前端開發課程第二階段完全可以實現大家平常喜歡玩的2048游戲。(是不是感覺挺有意思)
接著學習使用一些JavaScript庫，比如Jquery是大部分Web開發人員都喜歡用的，通過Jquery可以有效的提高
JavaScript的開發效率。
3、學習Web前端核心
學習Jquery之後，大家就要學習HTML5高級階段(HTML5Canvas繪圖、HTML5
SVG、音頻和視頻處理、表單處理、表單驗證...等)
北大青鳥培訓每學習一個階段，都是讓學員真正進行項目實戰，在熟悉和消化所學習知識的同時，增加自己的項目經驗和團隊協作能力。
在學習Jquery和HTML5學習結束後，就可以完成飛機大戰、飛揚的小鳥以及復雜訂單的實現。
4、學習HTTP協議及Server端技術
伺服器端腳本編程(後台開發)也是Web開發人員的基本功之一，北大青鳥學員現在學習的是最流行的php。
要構建動態頁面通常會使用到資料庫，通常PHP使用Oracle、MySQL資料庫。
對於Web伺服器來說，Apache一個就已經是了。那麼Apache、php、資料庫，該怎麼理解它們的關系?
1、Apache是伺服器基礎，php和資料庫都需要Apache來協調工作
2、php是腳本解釋，如果不用php，那麼Apache出來的東西就只是靜態的，而不能在伺服器實現功能
3、資料庫完全可以單獨使用，但是和Apache、php一起，則是由php代碼調用資料庫介面，而apache就負責解釋php代碼，讓他能真正地實現對資料庫的調用
這個階段的項目實戰是實現京東訂單頁和個人論壇。
5、學習Web前端高級技術
當你掌握了HTML5，CSS3，JavaScript等技術之後，就應該找一個Web框架加快你的Web開發速度，使用框架可以節約你很多時間。
在北大青鳥學習的Bootstrap是目前很受歡迎的前端框架。Bootstrap是基於HTML、CSS、JAVASCRIPT的，它簡潔靈活，使得
Web開發更加快捷，是Web前端開發者最喜歡，也是現在企業里最常用的前端框架。
Angular
JS是一款優秀的前端JS框架，已經被用於Google的多款產品當中。AngularJS有著諸多特性，最為核心的是：MVC編程、模塊化、控制器、路由、事件綁定等等。
AngularJS通過為開發者呈現一個更高層次的抽象來簡化應用的開發。如同其他的抽象技術一樣，這也會損失一部分靈活性。換句話說，並不是所有的應用都適合用AngularJS來做。AngularJS主要考慮的是構建CRUD應用。幸運的是，至少90%的WEB應用都是CRUD應用。但是要了解什麼適合用AngularJS構建，就得了解什麼不適合用AngularJS構建。
從最簡單的HTML5基礎到Web前端高級技術，內容還是不少滴!要想精通這里的每一樣技術，都得下苦功夫才行。相信在北大青鳥講師的指導下，足夠北大青鳥學員對Web前端開發產生一個有效的認識，並且找到滿意的工作。想要學習Web前端技術的小夥伴們記得關注北大青鳥Web培訓官網哦！
C. 前端開發常用又好用的幾個軟體
正所謂「工欲善其事必先利其器」，一名合格的Web前端開發工程師自然會用到不少能使其工作高效的工具。下面，就給大家分享Web前端學習需要了解的十款HTML5開發工具。
1、Lungo
Lungo是一款基於HTML5的開發框架，專為想要設計、構建和共享跨設備應用的開發者而准備。支持開放的Web標准，如HTML5、CSS3和JavaScript；支持手機、電視以及桌面設備。擁有強大的JavaScript API：開發WebAPP應用有很多種方式，而不是一味的優化。Lungo提供了一個強大的API，這樣你可以完全掌控自己的WebAPP應用程序。
2、Animatron
Animatron是一款簡單而又強大的在線工具，通過它，你可以創建出令人驚嘆的的HTML5動畫和互動內容。使用非常直觀的Animatron編輯器去設計和發布完美的移動產品，同時也可以到處播放的電影和信息圖表等，從桌面瀏覽器到移動設備，無需編碼，所見即所得。
9、Eclipse
Eclipse的本身只是一個框架平台，但是眾多插件的支持使得Eclipse擁有其他功能相對固定的IDE軟體很難具有的靈活性。許多軟體開發商以Eclipse為框架開發自己的IDE。Eclipse最初是由IBM公司開發的替代商業軟體Visual Age for Java的下一代ide開發環境，2001年11月貢獻給開源社區，現在它由非營利軟體供應商聯盟Eclipse基金會（Eclipse Foundation）管理。
10、DevExtreme
DevExtreme是專為你的移動世界精心准備的，一個跨平台開發的HTML5/JS框架，可以構建iOS、Android、Tizen和Windows Phone 8應用程序，是Visual Studio開發人員開發跨平台移動產品的優選工具。
以上就是為大家分享的十款HTML5開發必備的工具，相信這些工具一定會讓你幫你在從事Web前端開發過程中提高效率，打開一扇新的大門。
D. 前端常用的框架有哪些
web前端的主流框架，下面，我具體給你介紹一下：
1、Angular：Angular是一款優秀的前端JS框架，Angular有著諸多特性，最為核心的是MVW（Model-View-Whatever）、模塊化、自動化雙向數據綁定、語義化標簽、依賴注入等等。Angular是一個比較完善的前端框架，包含服務，模板，數據雙向綁定，模塊化，路由，過濾器，依賴注入等所有功能，在自定義指令後可以在項目中多次使用。
2、React：React可以非常輕松地創建用戶交互界面。為你應用的每一個狀態設計簡潔的視圖，在數據改變時React也可以高效地更新渲染界面。React為你程序編寫獨立的模塊化UI組件，這樣當某個或某些組件出現問題是，可以方便地進行隔離。
3、Vue：近幾年最火的前端框架當屬Vue.js了，Vue.js是一個構建數據驅動的Web界面的漸進式框架。Vue.js的目標是通過盡可能簡單的API實現響應的數據綁定和組合的視圖組件。Vue對模塊很友好，可以通過NPM、Bower或Duo安裝，不強迫你所有的代碼都遵循Angular的各種規定，使用場景更加靈活。
以上三個就是我給你介紹的關於web前端主流的框架，希望我的回答對你有所幫助
E. 學習web前端需具備哪些技能
一、HTML5+CSS3
HTML5和CSS3是通往Web工程師路上必須學會的基本內容，主要包括了解常用瀏覽器和瀏覽器內核;了解語義化的概念;掌握HTML5語法及使用技巧;掌握HTML5常用標簽。掌握CSS語法及使用技巧;掌握DIV+CSS布局方式;掌握常見網頁布局模式。掌握HTML5新布局標簽、多媒體標簽;掌握CSS32D、3D變換、動畫效果;能夠使用CSS3新屬性美化修飾網頁;了解移動端屏幕、移動端瀏覽器、操作系統的不同等內容。
二、JS交互設計
JS交互技術可以賦予頁面一個動態的效果展示，提升用戶的瀏覽體驗，這部分主要是通過JS的學習掌握JavaScript基本語法;掌握常見JavaScript演算法;掌握DOM的各種操作;熟練使用面向對象思想進行DOM編程;掌握JavaScript的高級語法;掌握JavaScript常見兼容性方案。熟練使用jQuery操作DOM;熟練使用和編寫jQuery案例。
三、Node開發
Node.js不僅僅是一個框架，它是一個完整的JavaScript環境，配備了開發人員可能需要的開發工具。所以學好Node是在打通前後端開發中需要掌握的技術。這部分需要掌握ES6的基礎用法和兼容性;掌握ES6的核心語法;使用ES6實現前端模塊化開發。使用Webpack模塊打包器;使用Node.js進行Web服務端開發;掌握JavaScript非同步編程模型;掌握JavaScript模塊化編程方式;使用Node.js操作MongoDB資料庫;獨立開發基於後台介面的動態網站、Ajax數據交互的項目;獨立完成企業網站從前台到後台的基本開發工作。
四、前端框架
前端框架是Web開發人員需要熟練掌握的技能，並且在實際開發中是會被廣泛應用的，那麼對於前端框架方面需要掌握現在主流的Vue、React、Angular等，掌握D3.js進行大數據可視化交互開發;掌握Vue技術棧進行項目開發;掌握React技術棧進行項目開發;掌握使用主流框架開發門戶網站、管理系統、移動Web等客戶端;掌握Webpack項目構建配置流程;掌握Web項目的部署與發布模式;掌握常見網站業務模塊開發等。
五、小程序與APP開發現在移動應用越來越受歡迎，掌握了小程序和APP開發技術可以增強自身競爭力，這就需要掌握小程序的開發基礎;能夠獨立開發小程序項目;能夠掌握Canvas的使用;能夠掌握小程序的部署與發布;能夠掌握小程序開發框架mpvue的使用;掌握第三方AI平台的使用。能夠掌握小游戲開發基礎;能夠獨立開發小游戲項目;能夠掌握小游戲的部署與發布;能夠獨立使用ReactNative開發原生App。
視頻教程：
網頁鏈接
F. 前端常用的框架有哪些
前端三大框架，是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依賴注入如果代碼壓縮需要顯示聲明。
G. IT培訓分享初學Web前端開發要注意什麼
一、學習HTML5和CSS3基礎
隨著這移動互聯網快速發展的時代，尤其是4G時代，HTML5+CSS3已然成為新一代的web前端技術。
隨著HTML5的發展和普及，了解 HTML5 也將成為 Web開發人員的必修課。涉及到網頁外觀時，就需要學習 CSS 了，它可以幫你把網頁做得更美觀。
利用 HTML5 和 CSS3 模擬一些你所見過的網站的排版和布局(色彩，圖片，文字樣式等等)。
二、學習JavaScript，了解DOM
JavaScript 是一種能讓你的網頁更加生動活潑的程序語言。IT培訓http://www.kmbdqn.com/認為學習 JavaScript 的基本語法，學會用 JavaScript 操作網頁中 DOM 元素。
在北大青鳥 Web前端開發課程第二階段完全可以實現大家平常喜歡玩的 2048 游戲。(是不是感覺挺有意思)
接著學習使用一些 JavaScript 庫，比如 Jquery 是大部分 Web開發人員都喜歡用的，通過 Jquery 可以有效的提高 JavaScript 的開發效率。
三、學習Web前端核心
學習 Jquery 之後，大家就要學習 HTML5 高級階段(HTML5 Canvas 繪圖、HTML5 SVG、音頻和視頻處理、表單處理、表單驗證...等)
北大青鳥每學習一個階段，都是讓學員真正進行項目實戰，在熟悉和消化所學習知識的同時，增加自己的項目經驗和團隊協作能力。
在學習 Jquery 和 HTML5 學習結束後，就可以完成飛機大戰、飛揚的小鳥以及復雜訂單的實現。
四、學習HTTP協議及Server端技術
伺服器端腳本編程(後台開發)也是Web開發人員的基本功之一，北大青鳥學員現在學習的是最流行的php。
要構建動態頁面通常會使用到資料庫，通常PHP使用Oracle、MySQL資料庫。
對於Web伺服器來說，Apache 一個就已經是了。那麼Apache、php、資料庫，該怎麼理解它們的關系?
1、Apache是伺服器基礎，php和資料庫都需要Apache來協調工作
2、php是腳本解釋，如果不用php，那麼Apache出來的東西就只是靜態的，而不能在伺服器實現功能
3、資料庫完全可以單獨使用，但是和Apache、php一起，則是由php代碼調用資料庫介面，而apache就負責解釋php代碼，讓他能真正地實現對資料庫的調用
這個階段的項目實戰是實現京東訂單頁和個人論壇。
五、學習Web前端高級技術
當你掌握了HTML5，CSS3，JavaScript等技術之後，就應該找一個Web框架加快你的Web開發速度，使用框架可以節約你很多時間。
在北大青鳥學習的Bootstrap是目前很受歡迎的前端框架。Bootstrap 是基於 HTML、CSS、JAVASCRIPT 的，它簡潔靈活，使得 Web 開發更加快捷，是web前端開發者最喜歡，也是現在企業里最常用的前端框架。
Angular JS是一款優秀的前端JS框架，已經被用於Google的多款產品當中。AngularJS有著諸多特性，最為核心的是：MVC編程、模塊化、控制器、路由、事件綁定等等。
H. 使用html5開發移動端應用採用什麼框架
常用的移動APP開發框架:
框架：PhoneGap
PhoneGap是一個用基於HTML，CSS和JavaScript的，創建移動跨平台移動應用程序的快速開發平台。
優點：
可跨平台。phonegap框架幫我們解決了差異性，javascript與平台系統的連接由phonegap框架完成。
提供硬體訪問控制。可調用加速計、攝像頭、羅盤、通訊錄、文檔、地理定位、媒體、網路、通知。
可利用成熟javascript框架。如：Ext js、jQuery。
缺點：
性能差。運行速度慢，UI反應延時。
不能完全跨平台。不同平台代碼需要微調。
內存消耗，調試難度大。
框架：Ionic
Ionic 是一個強大的 HTML5 應用程序開發框架，Ionic 主要關注外觀和體驗，以及應用程序的 UI 交互，特別適合用於基於 Hybird 模式的 HTML5 移動應用程序開發。 Ionic 是一個輕量的手機 UI 庫，具有速度快，界面現代化、美觀等特點。
優點：
輕量級框架，運行速度快。
於 Angularjs，支持 Angularjs的特性， MVC ，代碼易維護。
通過 SASS 構建應用程序，接近原生。
缺點：
Ionic是一個前段框架。不能完全取代PhoneGap和JavaScript框架的作用。
需要結合插件使用。
框架：Hbuilder（國產）
HBuilder是DCloud（數字天堂）推出一款支持HTML5的Web開發IDE。「快，是HBuilder的最大優勢。
優點：
跨平台：同時支持iOS、Android、Symbian、Windows Phone。
開發工具：基於Eclipse的開發工具，集成UI控制項與應用管理。
本地打包：無需配置環境，無需編譯，本地一鍵打包。
代碼加密：基於密鑰的加密方式，無法破解，像混編一樣保護html代碼。
技術支持：技術支持及時響應，重視開發者建議和反饋。
缺點：
AppCan免費版因需要把源代碼上傳到廠商的伺服器上打包，對於企業開發來說源代碼泄露安全性上有一定風險。企業版雖然可以解決，但企業版穩定尚待觀察。
AppCan採用封裝的組件，依賴性比較高。不是開源代碼。
ppCan 不能很好的解決原生代碼的功能。
Wex5(國產)
WeX5應用快速開發框架（含完整的SDK API及全部源碼），一次開發、跨端運行。
優點：
高效精緻的UI組件體系，基於jquery和bootstrap技術，採用增強的RequireJS模塊化技術。
基於phonegap(cordova)框架，如相機、地圖、LBS定位、指南針、通訊錄、文件、語音、電池等。
可視化拖拽式集成開發環境IDE，全能力的調試支持和智能代碼提示。
缺點：
使用范圍有限：適用：一般app、電商app、客服app、會員app、微店微商等。
用戶量小，存在不穩定因素。
總結：
跨平台方面：大部分框架針對android和ios平台，需要做或多或少的代碼調整，不能達到完全跨平台。
性能方面：根據不完全統計，Ionic的性能會更好一點。
PhoneGap出現最早，國內框架都是基於Phonegap開發出來的。
注意：
各框架在實現過程中都會遇到不同程度的坑，請根據框架的側重點謹慎選擇應用的框架。如果要基於Html5開發App，還需要進一步根據需求驗證框架的可實施性、並進行不同框架的效果對比。
I. web前端開發常用工具有哪些
Web前端是為了協調前端設計與後端開發之間工作的崗位，是最接近產品和設計的工程師，起到銜接產品和技術的作用，前端為用戶可以看到的部分負責，所以也是最接近用戶的工程師。
Web前端開發基礎技能：HTML、CSS、JavaScript
前端的開發中，在頁面的布局時， HTML將元素進行定義，CSS對展示的元素進行定位，再通過JavaScript實現相應的效果和交互。雖然表面看起來很簡單，但這裡面需要掌握的東西絕對不會少。在進行開發前，需要對這些概念弄清楚、弄明白，這樣在開發的過程中才會得心應手。
Web前端開發必知標准：http標准、W3C標准、ECMAScript標准
瀏覽器要從服務端獲取網頁，網頁也可能將信息再提交給伺服器，這其中都有http的連接。W3C標准不是某一個標准，而是一系列標準的集合。網頁主要由三部分組成：結構（Structure）、表現（Presentation）和行為（Behavior）。JS是在ES的基礎上，為Web瀏覽器做了一部分封裝（增加了DOM操作、BOM操作等）。
Web前端開發加薪技能：jQuery、Ajax、React
jQuery一定是大部分Web前端開發者不可或缺的工具，對jQuery的學習不能停留在只使用它的API和插件上，還要會自己去寫jQuery插件、會讀jQuery源碼、了解jQuery的設計思路。
Ajax是一種用於創建快速動態網頁的技術，通過在後台與伺服器進行少量數據交換，Ajax可以在無需重新載入整個網頁的情況下，更新部分網頁的技術。
React主要用於構建UI，你可以在React里傳遞多種類型的參數，如聲明代碼，幫助你渲染出UI、也可以是靜態的HTML DOM元素、也可以傳遞動態變數、甚至是可交互的應用組件。
除了要掌握技術層面的知識，Web前端工程師還要掌握理論層面的知識，包括代碼的可維護性、組件的易用性、分層語義模板和瀏覽器分級支持等等。想快速掌握Web前端所需的技能點，參加學習班是明智的。