HTML5有哪些主流框架

對于參加杭州Web前端培訓班的人來說，他們的課程安排是從基礎到進階，并由專業的老師引導教學。在具備一定的理論基礎之后，還需要學習前端框架，目的是減少重復的勞動，提高工作效率并增加安全性，而這也是很多企業在面試過程中經常提問的知識點。今天就給大家介紹一下Web前端三大主流框架。

創新互聯公司是一家集網站建設,應城企業網站建設,應城品牌網站建設,網站定制,應城網站建設報價,網絡營銷,網絡優化,應城網站推廣為一體的創新建站企業，幫助傳統企業提升企業形象加強企業競爭力。可充分滿足這一群體相比中小企業更為豐富、高端、多元的互聯網需求。同時我們時刻保持專業、時尚、前沿，時刻以成就客戶成長自我，堅持不斷學習、思考、沉淀、凈化自己，讓我們為更多的企業打造出實用型網站。

目前比較流行的前端三大框架是Angular、React、Vue，三者各有所長。

1、Angular

Angular是一個JavaScript框架，最為核心的是：MVC(Model–view–controller)、模塊化、自動化雙向數據綁定、語義化標簽、依賴注入等等。Angular通過指令擴展了HTML，以一個 JavaScript文件形式發布，通過script標簽添加到網頁中。Angular的優勢在于：零配置、深度整合設計模式、約定才是框架的本質。不過對于JavaScript工程師來說，少有工程化的經驗，學習起來會比較痛苦。

2、React

React是一個Facebook和Instagram用來創建用戶界面的JavaScript庫，用于構建頁面、Javascript庫。主要功能是對DOM操作，聲明式設計，更快的開發出Web應用系統。借助React，你可以非常輕松地創建用戶交互界面，為你應用的每一個狀態設計簡潔的視圖。在數據改變時，React也可以高效地更新渲染界面。

3、Vue

Vue是用于構建交互式的Web界面的庫，它提供了MVVM數據綁定和一個可組合的組件系統，具有簡單、靈活的 API。從技術上講，Vue集中在MVVM模式上的視圖模型層，并通過雙向數據綁定連接視圖和模型。實際的DOM操作和輸出格式被抽象出來成指令和過濾器，相比其它的MVVM框架，Vue更容易上手。

綜上所述，在大型超大型Web應用開發上比較看好Angular，個性化需求、中型應用更傾向選擇React，在小型應用上則看好Vue。當然不同企業會有不同的需求，所選用的框架也不一樣，但只要你具備扎實的理論基礎，就可以很快上手這些框架。

html5 移動開源框架有哪些

很久以前整理了篇將手機網站做成手機應用的JS框架。時隔一年多，很多新的技術已經出現，下面再來總結下還有哪些框架是適合面向手機設備的開發的。

1、jQuery Mobile

jQuery Mobile 是 jQuery 在手機上和平板設備上的版本。jQuery Mobile 不僅會給主流移動平臺帶來jQuery核心庫，而且會發布一個完整統一的jQuery移動UI框架。支持全球主流的移動平臺。jQuery Mobile開發團隊說：能開發這個項目，我們非常興奮。移動Web太需要一個跨瀏覽器的框架，讓開發人員開發出真正的移動Web網站。

2、jQTouch

jQTouch 是一個 jQuery 的插件，主要用于手機上的 Webkit 瀏覽器上實現一些包括動畫、列表導航、默認應用樣式等各種常見UI效果的 JavaScript 庫。支持包括 iPhone、Android 等手機。

3、DHTMLX Touch

DHTMLX Touch是一個免費的HTML5/JavaScript框架，專門為觸摸屏設備而優化。為您帶來快速開發工藝精美的移動Web應用程序的能力。DHTMLX Touch UI Designer是一個可視化的編輯器用于構建移動用戶界面。它能夠幫您以最少的編碼構建一流的用戶界面。在其主頁上提供一些示例可以展示DHTMLX Touch強大的用戶界面。包括一個menu app for the iPad (適用于開發餐廳應用) 和Book Shop (一個電子書店應用)。

4、Mobilize.js

Mobilize.js是一個開源的HTML5-JavaScript框架用于從任何現在有標準網站快速，簡便地構建移動網站。這個框架其實就是將需要在移動設備上顯示的部分頁面以jQuery Mobile的默認主題顯示，而不是實現一個全新完整的移動頁面。Mobilize.js 可用于任意網站，但對于基于WordPress和Sphinx的網站不需要使用該框架轉換，因為已經有非常多的插件可以使用。

5、The M Project

The-M-Project是另外一個強大的JavaScript框架，它利用HTML5新的特性來更好和更簡便地開發移動應用。這個框架遵循著名的MVC軟件架構模式。它還支持離線，所以你的用戶可以在沒有連接網絡的情況下繼續操作(當下次有連線的時候，再將數據同步到服務器中)。提供優秀的文檔(這個項目擁有一個引導新用戶入門的開發指南)?？梢圆榭刺峁┑氖纠齺韺υ擁椖坑幸粋€初目的了解。這些示例包括：ToDo App(待辦事項目應用) 和 KitchenSink (這個示例包括這個框架提供的所有UI元素)。

6、WebApp.Net

WebApp.Net 提供了很多的 API，因此可以幫助你節省很多工作了。不需要花時間去進行 Ajax 調用的編碼，因為已經內置了，另外還有很多其它內置功能，提供了詳細的文檔和應用演示。

7、Wijmo

Wijmo是一個基于jQuery UI的UI部件的套件。Wijmo部件進行了優化客戶端Web開發和利用jQuery的優越的性能和易用性的力量。所有的Wijmo部件都配備了20多個主題和支持ThemeRoller。

8、960 Grid on jQuery-Mobile

jquery-mobile-960 是一個用于移動 Web 開發的網格框架，綜合了 960.gs 的靈活性和 jQuery Mobile 的方便性。它的目的是讓 jQuery Mobile 布局更加的靈活，使得應用應許在移動終端更加易用。

9、Sencha Touch Framework

Sencha Touch 是世界上第一個基于 HTML5 的移動 Web 開發框架，支持最新的 HTML5 和 CSS3 標準，全面兼容 Android 和 Apple iOS 設備，提供了豐富的 WEB UI 組件，可以快速的開發出運行于移動終端的應用程序。Shencha是第一個使用HTML5，CSS和JavaScript并且支持音頻/視頻，本地存儲，圓角，漸變背景以及陰影的開發框架。

10、NimbleKit

NimbleKit 是為 iOS 設備構建應用程序最快速的方式，你不需要知道 Objective-C 或者 iOS SDK，你只需結合 JavaScript 代碼編寫 HTML 頁面就可以了。

11、Touchy? Boilerplate

Touchy Boilerplate 是一個用來創建移動web app，包括HTML模板，Meta tag等的工具。Touchy可以支持動態頁面導航，固定頁頭，滾動內容，瀏覽歷史記錄等功能。Touchy使用jQuery或者 Zepto.JS。

12、PhoneGap

PhoneGap是一個用基于HTML，CSS和JavaScript的，創建移動跨平臺移動應用程序的快速開發平臺。它使開發者能夠利用iPhone，Android，Palm，Symbian,WP7,Bada和Blackberry智能手機的核心功能——包括地理定位，加速器，聯系人，聲音和振動等，此外PhoneGap擁有豐富的插件，可以以此擴展無限的功能。PhoneGap是免費的，但是它需要特定平臺提供的附加軟件，例如iPhone的iPhone SDK，Android的Android SDK等，也可以和DW5.5配套開發。使用PhoneGap只比為每個平臺分別建立應用程序好一點點，因為雖然基本代碼是一樣的，但是你仍然需要為每個平臺分別編譯應用程序。

13、joshfire

Joshfire是一個開源的跨設備開發框架，幫助開發者創建可以在多種設備上運行的web app。它使用HTML5和JavaScript，并且允許開發者快速整合本地應用和特定的web應用。Joshfire可以讓你的應用接受鍵盤，鼠標，觸摸屏，遙控器等設備的輸入。Joshfire支持Node.JS。4.Sencha Touch：基于HTML5的移動網頁開發框架。

14、 Julia

Julia框架由基本CSS3文件、JS庫和各個平臺的運行庫構成。不像PhoneGap，Julia不僅僅包含調用本機代碼的接口層，它還包含 Model-View-Controller(MVC)支持，Delegation支持，OAuth支持，異步數據庫存取接口，HTML選擇符(類jQuery調用接口)，HTML模版(允 許嵌入JS代碼)等應用開發必備的API接口。 基于Julia的應用開發就像網站開發那么簡單，是的，你終于可以用HTML5開發一個完整的、跨平臺 的、不亞于本機代碼的、易于維護的移動應用了！大幕即將揭曉，讓我們一起進入移動開發的新時代

15、SproutCore HTML5 Application Framework

SproutCore 是一個 HTML5 移動 Web 開發框架，它的目標是在無需瀏覽器插件的情況下，在瀏覽器中位應用程序提供極佳的桌面效果。

16、Titanium

這是一個強大的，健壯的移動Web開發框架。能夠讓使用現有的HTML, CSS和JavaScript知識來為 iOS和Android平臺開發原生移動應用。作為一個越來越大的移動Web框架，它擁有超過300個的APIs和活躍的開發者社區。你從這個社區中得到每一個開發人員的幫助。Titanium Mobile支持原生的iOS和Android UI元素如Table views, tabs, switches和popovers。它提供能夠與移動設備的攝像頭和本地文件存儲系統相交互的特性。

17、Lungo.js

Lungo.js 是一個采用HTML5, CSS3 和JavaScript技術實現的移動Web應用程序開發框架。利用這框架開發的應用程序可運行所有流行的平臺包括：iOS, Android, Blackberry 和 WebOs。它還支持觸摸事件如：tap, double-tap和swipe。整個框架沒有用到任何圖片包括圖標，所有都矢量化。可以在這個框架中使用HTML5擁有的一些特性如：WebSQL, 地理位置定位，歷史或設備方向等。Lungo.js是一個模塊化并且完全可定制的框架。

18、xui.js

有時候你可能需要一個超輕量級的框架，只要擁有用于開發標準客戶端所需要的功能如：DOM操作，事件處理，Ajax和一些動畫效果。如果是這樣的話，這個框架剛好非常適合你。整個框架采用GZIP壓縮完之后只有4.2 KB。

19、EmbedJS

EmbedJS是一個用于嵌入式設備的JavaScript框架如：移動電話，TVs、tablets和so forth。EmbedJS強大之處在于，它擁有專門為特定平臺和瀏覽器如iOS, Firefox, Android等提供相應的開發版本。這樣就能夠以最少的代碼，為用戶提供最佳的體驗。而且假如你喜歡自己定制，可以利用其提供的EmbedJS Build tool工具實現。EmbedJS基于Dojo實現，所以你如果熟悉Dojo API語法，那EmbedJS將是你最佳的選擇。

20、zepto.js

zepto.js是一個專為mobile WebKit瀏覽器(如：Safari和Chrome)而開發的一個JavaScript框架。它標榜自己在其簡約的開發理念，能夠幫助開發人員簡單、快速地完成開發交付任務。更重要的是這個JS框架，是超輕量級的，只有5KB。zepto.js的語法借鑒并且兼容jQuery。

21、Baker

Baker是用來在iPad或者iPhone平臺上發布交互式的電子書或者電子雜志的HTML5電子書框架。

22、ChocolateChip-UI

ChocolateChip-UI 是一個手機移動 Web 開發框架，采用 HTML5, WAML, CSS 和 JavaScript等技術實現?；?ChocolateChip JavaScript 框架，包含最新的 ChUI.JS 和 ChUI.css.

23、Magazine Grid

Magazine Grid 是一個超現代的 CSS 框架，用于 iPad 和 iPhone 手機，使用類似雜志的設計風格。Magazine Grid 可讓用戶使用 HTML5 元素來組織雜志頁，非常輕量級(4k)，在移動設備上加載非常快，對老的瀏覽器也支持。

24、Kendo UI

Kendo UI是一個強大的框架用于快速HTML5 UI開發?；谧钚碌腍TML5、CSS3和JavaScript標準。 Kendo UI包含了開發現代JavaScript開發所需要的所有一切，包括：強大的數據源，通用的拖拉(Drag-and-Drop)功能，模板，和UI控件。

25、HTML App Host Framework

這是一個用于構建基于 Windows Phone 7 的 HTML/JavaScript 托管框架，使用 HTML5 技術。該框架由支持在標準 xap 格式中嵌入 html 應用的控件。

使用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，還需要進一步根據需求驗證框架的可實施性、并進行不同框架的效果對比。

HTML5是什么？具體是干什么的？

HTML的全稱是超文本標記語言，是一種標記語言。它包括一系列標簽，可以統一網絡上文檔的格式，將分散的互聯網資源連接成一個邏輯整體。HTML是由HTML命令組成的描述性文本，可以解釋文字、圖形、動畫、聲音、表格、鏈接等。Html是一種用來描述網頁的語言。它被稱為超文本標記語言，它是一種標記語言。它包括一系列標簽，可以統一網絡上文檔的格式，將分散的互聯網資源連接成一個邏輯整體。