1. Web前端常用的主流框架匯總
今天小編要跟大家分享的文章是關於Web前端常用的主流框架匯總。本文將帶大家大家熟悉前端中的7種框架。在了解框架之前，大家至少要知道前端中的這三個部分：HTML，CSS，JavaScript。
HTML：負責結構，網頁想要表達的內容由HTML書寫
HTML(超文本標記語言——HyperTextMarkupLanguage)是構成Web
世界的基石。HTML是一種基礎技術，常與CSS、JavaScript一起被眾多網站用於設計令人賞心悅目的網頁、網頁應用程序以及移動應用程序的用戶界面。
CSS:負責樣式，網頁的美與丑由它來控制
層疊樣式表(英文全稱：CascadingStyle
Sheets)是一種用來表現HTML(標准通用標記語言的一個應用)或XML(標准通用標記語言的一個子集)等文件樣式的計算機語言。CSS不僅可以靜態地修飾網頁，還可以配合各種腳本語言動態地對網頁各元素進行格式化。
JavaScript:負責交互，用戶和網頁產生的互動由它來控制
一種直譯式腳本語言，是一種動態類型、弱類型、基於原型的語言，內置支持類型。它的解釋器被稱為JavaScript引擎，為瀏覽器的一部分，廣泛用於客戶端的腳本語言，最早是在HTML(標准通用標記語言下的一個應用)網頁上使用，用來給HTML網頁增加動態功能。
Web前端發展至今，演變出了無數的庫和框架;說到庫第一時間想到的是不是jquery?今天我們就來說說前端發展到現在都有哪些好用的庫框架，下面來和小編一起看一看吧!
框架一：Vue.js
近幾年最火的前端框架當屬Vue.js了，Vue.js是一個構建數據驅動的Web界面的漸進式框架。Vue.js的目標是通過盡可能簡單的API
實現響應的數據綁定和組合的視圖組件。很多使用過vue的程序員這樣評價它，「vue.js兼具angular.js和react.js的優點，並剔除了它們的缺點」。授予了這么高的評價的vue.js，也是開源世界華人的驕傲，因為它的作者是位中國人--尤雨溪。
框架二：Bootstrap
Bootstrap是讓你的頁面更簡潔、直觀、強悍、移動設備優先的前端開發框架,讓Web開發更迅速、更簡單。它還提供了更優雅的HTML和CSS規范，它是由動態CSS語言Less寫成。有著豐富的網格布局系統以及豐富的可重用組件，還有強大的支持的JavaScript、jQuery插件以及組件定製等。
框架三：Layui
Layui是一款口碑極佳的Web彈層組件，是一款採用自身模塊規范編寫的前端UI框架，遵循原生HTML/CSS/JS
的書寫與組織形式，門檻極低，拿來即用。Layui首個版本發布於2016年秋，它區別於那些基於MVVM底層的UI框架，從核心代碼到API
的每一處細節都經過精心雕琢，非常適合界面的快速開發。
框架四：Element-UI
Element-Ul是餓了么前端團隊推出的一款基於Vue.js2.0的桌面端UI框架，手機端有對應框架是MintUI
。適合於Vue的UI框架。
框架五：MintUI
MintUI是由餓了么前端團隊推出的一個基於Vue.js的移動端組件庫，MintUI包含豐富的CSS和JS
組件，能夠滿足日常的移動端開發需要。通過它，可以快速構建出風格統一的頁面，提升開發效率。
框架六：Angular
AngularJS誕生於2009年,由MiskoHevery
等人創建,後為Google所收購。是一款優秀的前端JS框架,已經被用於Google的多款產品當中。AngularJS有著諸多特性，最為核心的是MVW(Model-View-Whatever)、模塊化、自動化雙向數據綁定、語義化標簽、依賴注入等等。
框架七：React
React可以非常輕松地創建用戶交互界面。為你應用的每一個狀態設計簡潔的視圖,在數據改變時React
也可以高效地更新渲染界面。因為該公司對市場上所有JavaScriptMVC框架，都不滿意，就決定自己寫一套，用來架設Instagram
的網站。做出來以後，發現這套東西很好用，就在2013年5月開源了。
上面就是比較常用的7種Web前端主流框架，相信每個前端工程師都有接觸過這幾種庫框架中的幾種。
框架是一種約束，也是一種最佳實踐。讓你在團隊開發中，不能怎麼寫，必須怎麼寫，推薦怎麼寫。而庫是一種代碼復用的方式，把某些代碼段、函數、功能封裝起來，你可以開箱即用。學會幾種庫框架，復雜的前端也會變得簡單。
所以庫框架的學習在前端中顯得尤為重要，甚至決定你是否能拿到一個高薪水的工作。
以上就是小編今天為大家分享的關於Web前端常用的主流框架匯總的文章，希望本篇文章能夠對正在從事web前端知識的小夥伴們有所幫助，想要了解更多web前端知識記得關注北大青鳥web培訓官網，最後祝願小夥伴們工作順利，成為一名優秀的web前端工程師。
2. web前端三大主流框架都是什麼
web前端的三大主流框架主要是React、Vue.js、Angular。
React
React框架是起源於Facebook的項目，可以輕易地解決跨瀏覽器兼容的問題，主要是通過對DOM的模擬減少與DOM的交互做到的。React的模塊化把組件進行了隔離，出現問題的時候更方便程序員對其進行修改，而且由於JavaScript，因此更有利於搜索引擎的優化。
優點：引入了一個叫作虛擬DOM的概念，運行速度快；提供了標准化的API，解決了跨瀏覽器問題、兼容性更好；代碼更加模塊化，重用代碼更容易，可維護性高。
缺點：React是目標是UI組件，通常可以和其它框架組合使用，並不適合單獨做一個完整的框架。
Vue
Vue是相對比較輕量級的框架，是通過進行雙向數據綁定來達到驅動頁面的效果，大多程序員在學習新框架的時候都會先從Vue開始。Vue比較簡單，官方文檔介紹的很清楚，可以非常快速的通過非同步批處理的方式對DOM進行更新，也能把可復用的、解耦的組件組合在一起使用，更能允許多種模塊的安裝，場景使用也更加靈活。
優點：漸進式構建能力是Vue.js最大的優勢，Vue有一個簡潔而且合理的架構，使得它易於理解和構建。Vue有一個強大的充滿激情人群的社區，這為Vue.js增加了巨大的價值，使得為一個空白項目創建一個綜合的解決方案變得十分容易。
缺點：在模型-視圖應用程序和狀態容器類型的應用程序之間的互相轉換可能會令人感到困惑；它類似於Web組件的模式，而不是真正的Web組件。
Angular
Angular擁有很好的應用程序，是一個以JavaSpript編寫的庫，模板功能也異常強大，本身就帶有豐富的Angular指令。一方面可以通過指令擴寬HTML，一方面可以通過表達式綁定數據到HTML。
優點：模板功能強大豐富並且是聲明式的，是一個比較完善的前端MVC框架，自帶了豐富的Angular指令；ng模塊化比較大膽的引入了Java的一些東西（依賴注入），能夠很容易地寫出可復用的代碼，對於敏捷開發的團隊來說非常有幫助。
缺點：驗證功能錯誤信息顯示比較薄弱，需要寫很多模板標簽；ngView只能有一個，不能嵌套多個視圖；比較笨重，沒有讓用戶選擇一個輕量級的版本。
3. web前端開發都有哪些常見框架結構
隨著互聯網的不斷發展，越來越多的程序員都開始學習和掌握關於web前端開發的相關技術知識。今天，我們就一起來了解一下，web前端開發都有哪些常見框架需要我們了解和掌握的。
一，socket通信
說起web，肯定離不開tcp協議和http協議(https協議較為復雜，暫時不在本章討論范圍之內)。http協議在後面，那什麼是tcp協議，cp協議就是網路的傳輸層面的東西，就是用來傳輸數據的，tcp協議相對安全可靠，主要連接過程如下圖，客戶端先發送一個SYN請求，包含一個隨機數seq，假設這個隨機數的值等於i。伺服器就會發送一個ACK請求，並且對這個隨機數加1，同時發給客戶端，客戶端收到服務端的ack之後也會向服務端發送一個ack(這里只是大概描述了一下tcp三次握手，如果想詳細了解的話可以去看tcp/ip協議卷)
http是應用層的協議，它的傳輸層是tcp協議。可以說sock通信是web服務的底層通信，沒有socket也就沒有http協議，跟談不上web服務了
二，體系架構
主要有c/s架構和b/s架構，c/s主要由一般需要在客戶端安裝的應用程序和遠程伺服器組成的。它的優點是通信雙方的通信量較少，因為大部分信息存儲在本地，缺點是客戶端的維護和升級較為麻煩，一般適用於大型的系統。
b/s架構是由瀏覽器和伺服器組成的，優點是方便，隨時可以上網，缺點是通信量較大，相對於c/s不是特別的穩定;
c/s架構
b/s架構
三，web應用程序的工作原理
web應用程序大致上分為兩種，即動態網站和靜態網站。靜態網站就是用HTML寫的靜態頁面，動態網站是根據用戶不同的請求動態的生成動態的不同的頁面發送給客戶端，通常使用HTML語言和動態腳本語言(ASP,PHP,JSP)等語言編寫。下面的圖片來源於網路
在開發Web應用程序時，通常需要應用客戶端和伺服器端兩方面的技術。其中，IT培訓http://www.kmbdqn.cn/認為客戶端應用的技術主要用於展現信息內容，而伺服器端應用的技術，則主要用於進行業務邏輯的處理和與資料庫的交互等。
四，HTTP協議
為了使互聯網的web服務茁壯的發展，讓客戶端和服務端共同的遵守一些協議，http就出現了。http協議可以說是偉大的協議之一，主要有1.0版本，1.1版本和2.0版本。
4. web前端常用的框架有哪些
現在比較常用的主流框架有Vue、React、Angular。
Angular
Angular原名angularJS誕生於2009年，之前我們都是用jquery開發，自從angular的出現讓我們有了新的選擇，它最大的特點是把後端的一些開發模式移植到前端來實現，如MVC、依賴注入等，創新式的雙向數據綁定不知簡化了我們多少代碼，讓我們為之瘋狂，特別是表單處理方面，從此名聲大噪。
好的框架一般會有兩個結果，一個繼續不斷更新迭代，避免被拍死在沙灘上，一個是被一些大公司收購煥發第二春，angular屬於後者被google所收購，且從2.0後改名angular並使用微軟的typescript作為開發語言，目前最新版本8.0，照說傍上google與微軟這兩條大船，前途應該不可限量才對，然而造化弄人，現在angular的市場份額已經被React這個後起之秀和Vue這顆新星遠遠地甩到腦後。
React
React，facebook出品，正式版推出是在2013年，比angular晚了4年，但得益於其創新式的VirtualDOM，性能上碾壓angularJS，一經推出，火的一塌糊塗。 特點很多，VirtualDOM、JSX、Diff演算法等，支持ES6語法，採用函數式編程，門檻稍高，但也更靈活，能讓開發具有更多可能性。
Vue
Vue作為最後推出的框架（2014年），借鑒了前輩angular和react的特點（如VirtualDOM、雙向數據綁定、diff演算法、響應式屬性、組件化開發等）並做了相關優化，使其使用起來更加方便，更容易上手，比較少適合初學者。網上有很多人說Vue不適合做大型項目，純屬扯淡，Vue在這方面已經優化得很好，當然，大量的響應式屬性（監聽屬性）也許會用一定的性能損耗，但在硬體、網路大力發展的今天，這些細微的性能差異幾乎感覺不到。
5. Web前端中有哪些前端主流技術框架
今天小編要跟大家分享的文章是關於Web前端中有哪些前端主流技術框架。Web架構是為解決Web開發中開放性問題而設計的具有一定約束性的支撐結構，使用框架可以幫助快速實現Web開發，並解決開發過程中遇到的常規問題!下面小編就來為大家介紹一些web前段中的主流技術框架，希望能夠對大家有所幫助!
一、Bootstrap
Bootstrap是一款很受歡迎的前端框架，基於HTML、CSS、JavaScript設計的，簡單靈活，使得Web開發更加快捷，Bootstrap中包含了豐富的Web組件和13個jquery插件，這些組件和插件可以快速的搭建一個漂亮和功能完備的網站，用戶還可以根據自己的需求進行CSS變數的修改，擴展自己所需功能。
二、Angular
Angular是一款優秀的前端JS框架，已經被用於Google的多款產品中，其具有很多特性，如MVW、模塊化、自動化雙向數據綁定、語義化標簽、依賴注入等，Angular可以為開發者呈現出一個更高層次的抽象來簡化應用開發。
三、Backbone
Backbone是一種幫助開發重量級的javascript應用的框架，其文件本身很小，壓縮後只有5.3KB，主要提供了models(模型)、collections(集合)、views(視圖)三種結構，其中模型用於綁定鍵值數據和自定義事件，集合附有可枚舉函數的豐富API，視圖可以聲明事件處理函數，並通過RESRful
JSON介面連接到應用程序。Backbone依賴於underscore.js，其中包含很多工具方法、集合操作、js模板等。
四、React
React是一個用於構建用戶界面的javascript庫，主要用於構建UI，很多人認為React是MVC中的views(視圖)，其採用聲明式設計、JSX的語法擴展、強大的組件、單向響應的數據流，具有高效、靈活的性能，且代碼邏輯簡單，受到越來越多的人的關注和使用!
以上就是小編今天為大家分享的關於Web前端中有哪些前端主流技術框架的文章，文章中介紹的都是一些Web開發常用的框架，每個框架都有其不同的特點，且功能都很強大，如果你正在從事web前端相關工作希望能夠對你有所幫助。想要了解更多web前端知識記得關注北大青鳥web培訓官網哦!
作者：lmseo5hy，來源：CSDN
原文：https://blog.csdn.net/lmseo5hy/article/details/83825873
*聲明：內容與圖片均來源於網路(部分內容有修改)，版權歸原作者所有，如來源信息有誤或侵犯權益，請聯系我們刪除或授權事宜。
6. 各種手機web前端框架 到底怎麼區分
web前端開發包括pc端開發和移動端開發，應該是屬於包含關系，用到的技術無非都是html+css+js/jquwey/ajax/json等前端技術，但是移動web前端主要用html5+css3來實現，現在流行的一種webapp，就是用純html5+css3來實現的，任何手機平台都可以用，不需要考慮安卓或者ios系統的顧慮，所以web前端的發展前景還是很不錯的
7. Web前端的主流框架有哪些
今天小編要跟大家分享的文章是關於Web前端的主流框架有哪些?近幾年以來、IT行業發展火熱、衍生了很多新職業、Web前端工程師也是其中之一。那麼你知道Web前端的三大主流框架是什麼呢?下面來和小編一起看一看吧！
一、Web前端三大主流框架是什麼
(一)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依賴注入如果代碼壓縮需要顯示聲明。
二、Web前端前景與就業形勢
學習Web前端的就業面很廣，選擇的崗位有：前端開發工程師、資深前端開發工程師、網站重構工程師、前端架構師等等。雖然近兩年大數據、人工智慧等很火，但Web前端開發依然是十分熱門的，特別是隨著谷歌、YouTube、FireFox等大型企業紛紛將視線轉向HTML5，前端開發已經進入HTML5時代，所以，Web前端在今後十年仍有很大的發展空間。據統計，我國HTML5前端工程師人員的缺口將達到10多萬，因此，Web前端工程師是一個非常有「錢」途的職業，並且薪酬會根據技能的深入而有不同程度的增長，其中北京、上海、廣州、深圳等地前端工程師的薪資待遇更是一路飆升。
以上就是小編今天為大家分享的關於Web前端的主流框架有哪些的文章，希望本篇文章能夠對正在從事web前端工作的小夥伴們有所幫助，想要了解更多web前端知識記得關注北大青鳥web前端培訓官網，最後祝願小夥伴們工作順利，成為一名優秀的web前端工程師。
來源：#/news/20190318/15014378463.shtml
8. 帶你了解一些常見的開源Web前端框架
今天小編要跟大家分享的文章是關於帶你了解一些常見的開源Web前端框架。熟悉掌握HTML、伺服器端腳本語言、CSS和JavaScript之後，學習Web框架可以加快Web開發速度，節約時間。PHP程序員可選的框架包括CakePHP、CodeIgniter、Zend等，Python程序員喜歡使用Django和
Webpy，Ruby程序員常用RoR。
隨著Web越來越規范和標準的統一，Web組件化技術不斷革新，移動端開發不斷升華，以下是一些常見開源前端框架，來和小編一起看一看吧！
1、Bootstrap
主流框架之一，Bootstrap是基於HTML、CSS、JavaScript的，它簡潔靈活，使得Web開發更加快捷。
2、html5-boilerplate
該框架可以快速構建健壯，且適應力強的Webapp或網站。
3、Meteor
Meteor是新一代的開發即時Web應用的開源框架，它能在較短時間內完成開發。
4、SemanticUI
基於自然語言有效原則的UI組件框架
5、Foundation
優秀的響應式前端框架
6、Materialize
基於材料設計的現代化響應式前端框架。可提供默認的樣式，自定義組件。此外，Materialize還改進動畫和過渡，為開發人員提供流暢的體驗。
7、Pure
幾乎可以在每一個Web項目中使用的一組小的和響應式的CSS模塊。
8、Vue
Vue.js是用於構建互動式的Web界面的庫。它提供了MVVM數據綁定和一個可組合的組件系統，具有簡單、靈活的API。
9、Skeleton
Skeleton是一個小的JS和CSS文件的集合,可快速開發漂亮的網站,適合各種屏幕設備包括手機。Skeleton基於960grid
開發。它是一個UI框架。
10、AmazeUI
國內首個開源HTML5跨屏前端框架產品系列，中文排版支持更優、本土化組件豐富。該產品系列中有專門針對移動端的HTML5混合應用開發框架AmazeUI
Touch以及針對跨屏HTML5網頁開發的AmazeUIWeb。其中，AmazeUI
Touch可以幫助開發者通過豐富的組件，快速構建出與原生APP相媲美的專屬移動端的HTML5應用。
11、UIkit
一個輕量級的和模塊化的前端框架,用於快速開發和功能強大的Web介面。
12、Yui
Yahoo!UILibrary(YUI)是一個開放源代碼的JavaScript函數庫，為了能建立一個高互動的網頁，它採用了AJAX,
DHTML和DOM等程式碼技術。它也包含了許多CSS資源。使用授權為BSD許可證。
13、kissy
一款跨終端、模塊化、高性能、使用簡單的JavaScript框架。
14、MUI
最接近原生App體驗的前端框架的框架。
15、Arale
一個開放、簡單、易用的前端基礎類庫。
16、JX
JX是模塊化的非侵入式Web前端框架，特別適合構建和組織大規模、工業級的WebApp。
17、GMU
GMU是基於zepto的mobileUI組件庫，提供Webapp、pad端簡單易用的UI組件!WebApp。
18、ZUI
開源HTML5前端框架
19、CloudaTouch.js
Touch.js是移動設備上的手勢識別與事件庫,也是在網路內部廣泛使用的開發。
以上就是小編今天為大家分享的關於帶你了解一些常見的開源Web前端框架的文章，希望本篇文章能夠對正在從事Web前端工作的小夥伴們有所幫助，想要了解更多Web前端知識記得關注北大青鳥Web培訓官網，最後祝願小夥伴們工作順利，成為一名優秀的Web前端工程師。
9. 手機html5前端開發用什麼框架
jquery mobile和bootstrap都是較好的框架。為了使用便利，下文列舉了目前最強大應用最廣泛的幾款前端開發框架。
1. Bootstrap
Boostrap絕對是目前最流行用得最廣泛的一款框架。它是一套優美，直觀並且給力的web設計工具包，可以用來開發跨瀏覽器兼容並且美觀大氣的頁面。它提供了很多流行的樣式簡潔的UI組件，柵格系統以及一些常用的JavaScript插件。
2. Fbootstrapp
Fbootstrapp基於Bootstrap並且提供了跟Facebook iframe apps和設計相同的功能。包含用於所有標准組件的基本的CSS和HTML，包括排版、表單、按鈕、表格、柵格、導航等等，風格與Facebook類似。
3. BootMetro
BootMetro框架的靈感來自於Metro UI CSS，基於Bootstrap 框架構建，用於創建Windows 8 的Metro風格的網站。它包括所有Bootstrap的功能，並添加了幾個額外的功能，比如頁面平鋪，應用程序欄等等。
4. Kickstrap
Kickstrap是Bootstrap的一個變體。它基於Bootstrap，並在它的基礎上添加了許多app，主題以及附加功能。這使得這個框架可以單獨地用於構建網站，而不需要額外安裝什麼。你需要做的僅僅是把它放到你的網站上，然後用就可以了。
5. Foundation
Foundation 是一款強大的，功能豐富的並且支持響應式布局的前端開發框架，你可以通過Foundation快速創建原型，利用它所包含的大量布局框架，元素以及最優範例快速創建在各種設備上可以正常運行的網站以及app。Foundation在構建的時候秉承移動優先的策略，它擁有大量實用的語義化功能，並且使用Zepto類庫來取代jQuery，這樣可以帶來更好的用戶體驗，並且提高運行的速度。
6. GroundworkCSS
GroundworkCSS 是前端框架家族裡面新添的一款小清新框架。它是基於Sass和Compass的一個高級響應式的HTML5，CSS以及JavaScript工具包，可以用於快速創建原型並且建立在各種瀏覽設備上可以正常工作的網站和app。
7. Gumby
Gumby 是一款基於Sass和Compass的簡單靈活並且穩定的前端開發框架。
它的流式-固定布局（fluid-fixed layout）可以根據桌面端以及移動設備的解析度自動優化要呈現的網頁內容。它支持多種網格布局，包括多列混雜的嵌套模式。Gumby提供兩套PSD的模板，方便你在12列和16列的網格系統上進行設計。
8. HTML KickStart
HTML Kickstart 是一款可以用來方便創建任何布局的集合HTML5，CSS和jQuery的工具包。它提供了干凈，符合標准以及跨瀏覽器兼容的代碼。
9. IVORY
IVORY 是一款輕量，簡單但是強大的前端框架，可以用於320到1200像素寬度的響應式布局。它基於12列的響應式網格布局，包含表格，按鈕，表格，分頁，撥動開關，工具提示，手風琴，選項卡等網站中常用的組件和樣式。
10.Kube
最後，如果你的新項目需要一款實在的，不需要復雜的額外功能組件的，足夠簡單的框架，那麼 Kube 將會是你正確的選擇。Kube是一款最小化的，支持響應式的前端框架，它沒有強加的樣式設計，因此給了你充分的自由來開發自己的樣式表。它提供了一些web元素的基本樣式，比如網格，表單，排版，表格，按鈕，導航，鏈接以及圖片等等。