TML5框架是一類有助于快速輕松創建響應式網站的程序包。這些HTML5框架有著能減輕編程任務和重復代碼負擔的神奇功能。關于HTML5的框架種類繁多，并且很瘦歡迎，因為它能允許開發人員花費更少的時間和精力去創建一個令人驚艷的網站。在本文中，我們將為大家介紹十佳HTML5響應式框架，歡迎品鑒！

GroundworkCSS是一個基于Sass預處理器的開源項目，主要用于快速構建響應式Web應用程序。它擁有一個靈活的、可嵌套的網格系統，可以創建適應多種瀏覽設備的布局。Groundwork還提供多種UI組件，如導航、按鈕、圖標、表單、Tabs、對話框、工具提示等等。

MontageJS是一個現代化、完整的HTML5框架，旨在創建單頁的應用程序。MontageJS可以幫助您構建高可擴展性和可維護性的HTML5應用。有了MontageJS，開發人員可以創建可重用的用戶界面組件和模塊、組件和控制器之間的綁定屬性，并且同步DOM查詢和更新，以確保流暢的用戶體驗。

52Framework是一個Web開發框架，它能實現HTML5和CSS3。它是一個跨瀏覽器的框架，可以在所有主流的瀏覽器上運行，包括IE6。它主要是采用一個HTML5 enabling JavaScript file文件來實現的。

Twitter Bootstrap是目前很受歡迎的前端框架。它基于HTML、CSS、Javascript的，其簡潔靈活使得Web開發更加快捷。

SproutCore是一款高人氣前端框架，并且利用MVC架構規范構建而成。它能與任何后端服務器技術搭配使用。事實上，一旦部署之后，SproutCore應用只包含標準的HTML、JavaScript以及CSS。只需使用Apache就能部署完整的SproutCore應用。

Foundation是一個易用、強大而且靈活的框架，用于構建基于任何設備上的Web應用。同時還提供多種Web上的UI組件，如表單、按鈕、Tabs 等。

Base是一款基于語義的、輕量和可擴展的框架，可用來幫你快速創建一個響應式站點。

Onsen UI是一個前端的開發框架，用于構建PhoneGap/Cordova應用。其側重于創建移動應用。

Enyo是一款先進的前端開發框架，適用于開發與原生應用類似的HTML 5應用。

Ionic是個高級的HTML5移動端應用框架，是個很漂亮的使用HTML5開發混合移動應用前端框架，目前支持：iOS 6+和Android 4.1+ 。

本站文章除注明轉載外，均為本站原創或翻譯

天我來談談我對傳統HTML與VUE的區別理解(不談太深的區別，查了一下網上那些說的都一樣，我只談很多人最關心的不一樣的，說不對請理解,對不太了解或想了解VUE的人)。

1、 什么是vue

官網介紹：vue是一套構建用戶界面的漸進式框架。它與其他重量級框架不同的是，vue采用自下而上增量開發的設計。Vue的核心庫只關注視圖層，非常容易學習，非常容易與其他庫或已有項目整合。

Vue的目標是通過盡可能簡單的API實現響應的數據綁定和組合的視圖層組件。

2、什么是HTML(HTML5)

HTML5是Web中核心語言HTML的規范，用戶使用任何手段進行網頁瀏覽時看到的內容原本都是HTML格式的，在瀏覽器中通過一些技術處理將其轉換成為了可識別的信息。

總結：它們相同的地方就一句話:用途和結果都是一樣的，不管是VUE還是HTML，最終都是將數據使用各種UI及方式展現給用戶，也就是都是視圖層頁面的。

有人會說使用HTML和VUE開發有什么區別呢？許多人覺得結果都是視圖層表達，而且VUE打包發布后不還是HTML+一堆JS文件，而且還要引入導入編譯感覺特麻煩，感覺VUE好難，為什么要學VUE？

1、開發和部署

VUE 開發過程確實挺麻煩的，要安裝依賴，要npm一堆包(還經常失敗)。而HTML就簡單多了，直接就拿來主意，下載下來，改改就用。

部署的話都差不多，都是在任何服務上都可以直接使用，而且都沒有什么依賴。

但是我覺得VUE的開發類似于開發一個APP，所以他的打包結果是比純HTML+JS更安全的，相當于做過混淆，因而他發布后的體積更小。

2、數據通訊

HTML+JS 數據POST,GET 等基本訪問方式，但是如果直接在HTML中使用數據判斷，或數據循環輸出必須借助js,jquery等通過前端處理然后對id進行賦值操作，所以一般只能借助動態語言如php,java,.net等語言環境進行轉化，但這樣使得web對動態語言環境依賴性過強，造成后端遷移時太過于復雜，而且這樣的Web一般要求前端和后端部署在一起。

VUE則不依賴于動態語言輸出環境，只要是雙方約定了數據傳輸接口，服務器放在哪里，不管使用什么后臺語言都沒關系，因而他的靈活性更強。

3、安全性

有些產品有些公司對語言是有選擇的，主要是不想讓代碼暴露太多，而HTML+JS的方式往往是達不到要求的，因而現在許多企業還是在使用桌面軟件的形式，又或者是要你使用對方的云服務，而私有云部署則要貴的很多，而且比較貴的軟件還要安裝秘鑰軟件，加密狗等方式，無非就是防止你將軟件轉移或無限使用或獲取他的核心算法（雖然js也是有混淆方法的，但很少有人會這么做，我也沒試過但是很影響效率）。

以前我在一個公司就是加班寫了一個WEB程序里邊有一個算法是分析公司產品結構的（那時VUE還不盛行），正好呢又遇到一個懂點的老板(居然會用F12)，結果看到核心代碼了，當時就否定了，改用了WinForm 重寫，那個辛苦你懂的。

VUE的打包的話，其實就是根據在頁面中所使用到的組件然后根據你的邏輯關系等進行混淆打包，然后在用戶加載時按需進行加載解析，從某種意義上來說做WEB是一種保護。我覺得這與桌面程序及APP打包效果是一樣的(軟件和APP也是可以反編譯嘛，反編譯后的結果就是混淆)，當然不說加密混淆了。

現在國內出現了像DCloud、APICloud（雖然這二家經常打架，畢竟相似度很高，我不做評論，但不可否認對一個只會寫HTML+JS的人轉寫APP是一個不錯的選擇）這些由HTML5開始的跨平臺軟件也開始支持VUE了。

最后附上VUE打包后的調試預覽圖，純HTML的就不多說了，自己F12吧。