facebook開源前端框架(web前端主流框架主要有哪些) - 副本

web前端開源框架有哪些

目前常用的一些開源前端的框架如下：

1. Bootstrap

Boostrap絕對是目前最流行用得最廣泛的一款框架。它是一套優美，直觀并且給力的web設計工具包，可以用來開發跨瀏覽器兼容并且美觀大氣的頁面。它提供了很多流行的樣式簡潔的UI組件，柵格系統以及一些常用的JavaScript插件。

Bootstrap是用動態語言LESS寫的，主要包括四部分的內容：

腳手架——全局樣式，響應式的12列柵格布局系統。記住Bootstrap在默認情況下并不包括響應式布局的功能。因此，如果你的設計需要實現響應式布局，那么你需要手動開啟這項功能。

基礎CSS——包括基礎的HTML頁面要素，比如表格(table)，表單(form)，按鈕(button)，以及圖片(image)，基礎CSS為這些要素提供了優雅，一致的多種樣式。

組件——收集了大量可以重用的組件，如下拉菜單（dropdowns），按鈕組（button groups），導航面板（navigation 買粉絲ntrol）——包括：tabs,pills,lists標簽，面包屑導航（breadcrumbs）以及頁碼（pagination），縮略圖(thumbnails)，進度條（progress bars），媒體對象（media objects）等等。

JavaScript——包括一系列jQuery的插件，這些插件可以實現組件的動態頁面效果。插件主要包括模態窗口（modals），提示效果（tool tips），“泡芙”效果（popovers），滾動監控（scrollspy），旋轉木馬(carousel)，輸入提示(typeahead)，等等。

Bootstrap已經足夠強大，能夠實現各種形式的 Web 界面。為了更加方便地利用Bootstrap進行開發，很多工具和資源可以用來配合使用，下面列舉了其中的一部分工具和資源。

jQuery UI Bootstrap —— 對于jQuery和Bootstrap愛好者來說這是個非常好的資源，能夠把 Bootstrap的清爽界面組件引入到jQuery UI中。

jQuery Mobile Bootstrap Theme —— 和上面提到的jQuery UI主題類似，這是一個為jQuery mobile建立的主題。如果你想讓用Bootstrap開發的網站在手機端也可以優雅訪問，那么這個資源對你來說很方便易用。

Fuel UX —— 它為Bootstrap添加了一些輕量的JavaScript控件。Fuel UI 安裝，修改，更新以及優化都很簡單方便。

StyleBootstrap.info —— Bootstrap提供了自己的幾種界面風格，StyleBootstrap提供了更多的配色選項，并且你可以給每個組件都應用不同的配色。

BootSwatchr —— 利用這個工具你可以立刻查看主題修改后的效果。對于每一次變動的效果，這個應用都會生成一個唯一的URL方便你與他人分享，你也可以在任意時刻修改你的主題。

Bootswatch —— 提供大量免費的Bootstrap主題。

Bootsnipp —— 在線前端框架交互組件制作工具，是一個供給設計師和開發者的基于Bootstrap HTML/CSS/JavaScript 架構的免費元素。

LayoutIt —— 通過界面拖放生成器簡便快捷地創建基于Bootstrap的前端代碼。通過拖放動作將Bootstrap風格的組件加入到你的個人設計里并且可以方便地修改他們的屬性，簡單便捷。

2、flex

Apache基金會發布了Flex 4.8版本，這是Adobe將Flex捐獻給Apache基金會后發布的第一個版本

需要注意的是

2014年03月10日，Apache Flex技術社區發布了全新的Apache Flex 4.12.0版本，該版本是Apache Flex 4.11.0的升級版本，改進的功能包括：

◆支持最新版本的Flash Player

◆支持最新的AIR運行時

◆改進了內存占用和性能

◆改善了針對移動平臺的組件的樣式

◆支持iOS7系統

◆修復了超過80個漏洞[4]

2014年05月10日，Apache對4.12.0版本進行優化改進，發布了Flex 4.12.1，新版本加入對全新Flash Player及Air運行時的支持，改進對移動媒體查詢的支持，并修復20多個Bug。

3、easyui

easyui幫助你構建你的web應用更加容易。

它是一個基于jquery的插件，開發出來的一套輕量級的ui框架，非常小巧而且功能豐富。

但是她有一個最大的問題就是代碼只能找到以前的開源的版本，到了1.2以后的版本源代碼都是經過混淆的，如果遇到問題修改起來會非常麻煩！不過一個比較大的優勢是開源免費，并且界面做的還說的過去！

4、jQuery UI

jQuery UI 是一套 jQuery 的頁面 UI 插件，包含很多種常用的頁面空間，例如 Tabs（如本站首頁右上角部分） 、拉簾效果（本站首頁左上角）、對話框、拖放效果、日期選擇、顏色選擇、數據排序、窗體大小調整等等非常多的內容。

功能非常全面，界面也挺漂亮的，可以整體使用，也可以分開使用其中的幾個模塊，免費開源！

5、DWZ

DWZ富客戶端框架(jQuery RIA framework), 是中國人自己開發的基于jQuery實現的Ajax RIA開源框架.

設計目標是簡單實用,快速開發,降低ajax開發成本。

歡迎大家提出建議，我們將在下一版本中進一步調整和完善功能．共同推進國內整體ajax開發水平。

畢竟是國產的，支持一下，而且源碼完全公開，可以選擇一下！不過性能怎么樣不敢確定！

6、GWT

你不用去了解這樣那樣的javascript框架，通過java你就可以寫出功能豐富的界面，可以做單元測試，畢竟是google的產品，嚴重支持一下！

7、YUI

Yahoo! UI Library (YUI) 是一個開放源代碼的 JavaScript 函數庫，為了能建立一個高互動的網頁，它采用了AJAX, DHTML 和 DOM 等程式碼技術。它也包含了許多 CSS 資源。使用授權為 BSD許可證，基本上沒怎么研究過！

YUI Compressor倒是挺出名的，這套UI庫不知道應用的情況怎么樣！

10、Sencha

Sencha 是由 ExtJS、jQTouch 以及 Raphael 三個項目合并而成的一個新項目。

大公司的框架，并且是幾樣庫的強強聯合，值得推薦！

8、Dojo

在國內應用好像不是很廣，不過性能上應該沒問題。

Dojo是一個用javascript語言實現的開源DHTML工具包。

有多個基金會的支持，包括IBM和SUN，都是軟件界的泰斗，值得信賴！

9、ZK

ZK是 一套以 AJAX/XUL/Java 為基礎的網頁應用程式開發框架，用于豐富網頁應用程式的使用接口。最大的好處是，在設計AJAX網絡應用程式時，輕松簡便的操作就像設計桌面程式一樣。 ZK包含了一個以AJAX為基礎、事件驅動（event-driven）、高互動性的引擎，同時還提供了多樣豐富、可重復使用的XUL與HTML組件，以 及以 XML 為基礎的使用接口設計語言 ZK User-interfaces Markup Language (ZUML)。

功能豐富，全面，文檔齊全，而且升級了很多次，非常值得推薦！

10、OperaMasks-UI

OperaMasks- UI是OperaMasks團隊 2011下半年打造的一款輕量級前端JS組件庫，旨在提供一款學習曲線低、定制性靈活、樣式統一，且多瀏覽器支持、覆蓋企業業務場景的前端 JavaScript UI組件庫。目前，該團隊已將這一產品以LGPL 開源協議開放給社區。

文檔豐富，功能齊全，而且很容易使用和開發！而且是國產的喲！

11、JavaFX

Sun 公司(已于2009年被Oracle公司收購)在2008年12月05日發布了JavaFX技術的正式版,它使您能利用 JavaFX 編程語言開發富互聯網應用程序(RIA)。JavaFX Script 編程語言（以下稱為JavaFX）是Sun微系統公司開發的一種declarative, statically typed(聲明性的、靜態類型)腳本語言。JavaFX技術有著良好的前景，包括可以直接調用Java API的能力。因為 JavaFX Script是靜態類型，它同樣具有結構化代碼、重用性和封裝性，如包、類、繼承和單獨編譯和發布單元，這些特性使得使用Java技術創建和管理大型程序 變為可能。

Web前端開發必備的開源框架有哪些

今天小編要跟大家分享的文章是關于Web前端開發必備的開源框架有哪些。大多數人想到Web開發時，通常會想到HTML或JavaScript，往往忽略了CSS，根據Wikipedia的說法，CSS既是網頁中最重要也是最常被遺忘的部分之一，盡管它是萬維網的三大基礎技術之一。

今天就和大家分享9個流行的、強大的前端開源框架，幫助你輕松構建漂亮的網站前端。下面來和小編一起看一看吧!

1、Bootstrap

Bootstrap無疑是最流行的CSS框架，它是最早的Web前端框架，由Twitter開發。Bootstrap還提供了許多示例來幫助你入門。

使用Bootstrap，你可以將不同的組件和布局組合在一起，從而創建有趣的頁面設計。它還提供了大量詳細的文檔。目前在Github上已經有1100多個貢獻者，19000多個提交。(Github地址：買粉絲s://github.買粉絲/twbs/bootstrap)

2、PatternFly

PatternFly是Red

Hat的開源CSS框架，和Bootstrap不同的是，Bootstrap是為那些想要創建漂亮網站的人而設計的，而PatternFly主要專注于企業應用程序開發人員，提供諸如條形圖、圖表、導航之類的組件，實際上Red

Hat就是使用它創建了OpenShift。

除了靜態HTML，PatternFly還支持ReactJS框架，這是Facebook開發的流行JavaScript框架。PatternFly具有許多適用于企業級應用程序的高級組件，如條形圖，圖表，模式和布局。

PatternFly在GitHub上一共有1,050多個提交和44個貢獻者。(Github地址：買粉絲s://github.買粉絲/patternfly/patternfly)

3、MaterialComponentsfortheweb

MaterialComponentsfortheweb(MDCWeb)，是谷歌專為Web設計的全新前端框架。MDC

Web可幫助開發人員執行Material

Design，組件由谷歌的核心工程師團隊和UX設計人員開發。這些組件可以建立可靠的開發工作流程，以構建美觀且功能強大的Web項目。

MDC

Web在Github上共有5700多個提交和349個貢獻者。(Github地址：買粉絲s://github.買粉絲/material-買粉絲ponents/material-買粉絲ponents-web)

4、Pure

Bootstrap，Patternfly和MDC

Web是功能非常強大的CSS框架，但它們可能非常繁瑣和復雜。如果你想要一個輕量級的CSS框架，可以嘗試Pure.css，它本身更接近于CSS編程，但又可以幫助你構建一個不錯的網頁。Pure是具有最小占用空間的輕量級CSS框架，它由Yahoo開發，根據BSD許可是開源的。

Pure在Github上共有565多個提交和59個貢獻者。(Github地址：買粉絲s://github.買粉絲/pure-css/pure)

5、Foundation

Foundation聲稱是世界上最先進的響應式前端框架。它提供了用于構建專業網站的高級功能和教程。許多公司，組織都使用該框架，并且該框架具有大量可用的文檔。

Foundation在Github上有將近17000個提交和1000個貢獻者。(Github地址：買粉絲s://github.買粉絲/foundation/foundation-sites)

6、Bulma

Bulma是一個基于Flexbox的開源框架，可根據MIT許可證開源。Bulma是一個非常輕量級的框架，因為它只需要一個CSS文件。Bulma擁有簡潔明了的文檔，可輕松選擇你想要的主題。它還具有許多Web組件，你可以在設計中使用它們。

Bulma在Github上有1400多個提交和300個貢獻者。(Github地址：買粉絲s://github.買粉絲/jgthms/bulma)

7、Skeleton

如果說還有什么框架比Pure更加輕量級，那一定是Skeleton。Skeleton庫只有大約400行，并且該框架僅提供一些基本的CSS框架組件。盡管如此，Skeleton還是提供了詳細的文檔來幫助你快速上手。

Skeleton在Github上共有167個提交和22個貢獻者，但它不是最活躍的項目，它最新一次的更新是在2014年。(Github地址：買粉絲s://github.買粉絲/dhg/Skeleton)

8、Materialize

Materialize是一個基于Material

Design風格的一個現代化的響應式前端框架，解決了最繁重的工作，結合你的自定義組件，為你提供默認的樣式。Materialize的文檔頁面非常全面，并且很容易遵循。其組件頁面包括按鈕，卡片，導航等。

Materialize在Github上共有3800多個提交和250個貢獻者。(Github地址：買粉絲s://github.買粉絲/Dogfalo/materialize)

9、Bootflat

Bootflat是從Twitter的Bootstrap派生的開源CSS框架。與Bootstrap相比，Bootflat更簡單，并且更加輕量級。Bootflat的文檔似乎幾乎受到了IKEA的啟發，大部分都是圖像，沒有太多的文字。

Bootflat是在MIT許可證下開源的，在Github上有159個提交和8個貢獻者。(Github地址：買粉絲s://github.買粉絲/bootflat/bootflat.github.io)

開源最前線(ID：OpenSourceTop)猿妹編譯

鏈接：#/article/20/4/open-source-css-frameworks

web前端主流框架主要有哪些

1、Bootstrap

Twitter出品的Bootstrap在業界是非常受歡迎的，以至于有很多前端框架都在其基礎上開發，如我們熟悉的WeX5就是在Bootstrap源碼基礎上優化而來的。我相信大多數接觸過前端開發的同學多少都了解過這個優秀的前端框架。Bootstrap是基于HTML、CSS和Javascript的，它簡潔靈活，可以使得Web開發更加敏捷。

它提供優雅的HTML和CSS規范，在jQuery的基礎上進行更加個性化和人性化的完善。兼容大部分jQuery插件，并包含了豐富的Web組件，如下拉菜單、按鈕式下拉菜單、導航條、按鈕組、分頁、縮略圖、進度條和媒體對象等。自帶了13個jQuery插件，其中有模式對話框、標簽頁、滾動條和彈出框等。

2、Foundation框架

Foundation框架總體來看要比Bootstrap略顯高大上一點，但他們倆的設計理念都是非常清楚的，Bootstrap有引導的意思，它嘗試處理你項目中的一切所需。Foundation有基礎、地基及支柱的意思，給你項目中強有力的創造與支持。相對于Bootstrap豐富的組件及插件，Foundation僅提供了有限的幾種元素，其目標是，即使你使用預定義的UI元素，也不應該與大家的網站長得太像。

而Bootstrap則致力于提供所有定義好的元素，這樣使得看起來許多網站都差不多。Foundation默認不帶圖標集，它推薦使用開源字體圖標。與Bootstrap一樣，Foundation使用網格流式布局將網頁劃分為12列，針對不同的設備顯示不同的列數，實現響應式布局。但Foundation不支持舊版本瀏覽器。其他特性如有興趣可進一步了解。

3、Curl

Curl 是一個命令行工具，用于通過 HTTP(s)、FTP 和數十種其它協議進行請求。使用Curl可以進行文件下載、檢查響應標題和自由訪問遠程數據。

在 Web 開發中，Curl 經常和 RESTful API 一起使用，用于測試連接。

# Fetch the headers of a URL.curl -I 買粉絲://google.買粉絲HTTP/1.1 302 FoundCache-Control: privateContent-Type: text/買粉絲; charset=UTF-8Referrer-Policy: no-referrerLocation: 買粉絲://買粉絲.google.買粉絲/?gfe_rd=cr&ei=0fCKWe6HCZTd8AfCoIWYBQContent-Length: 258Date: Wed, 09 Aug 2017 11:24:01 GMT# Make a GET request to a remote API.curl 買粉絲://numbersapi.買粉絲/random/trivia29 is the number of days it takes Saturn to orbit the Sun.

4、Tree

Tree 是一個小型的命令行實用程序，它將目錄中的文件以可視化的方式進行顯示。它采用遞歸運行的方式，遍歷每個級別的嵌套并繪制所有內容的格式樹。這樣就能快速的瀏覽并查找需要的文件。

tree.├── css│ ├── bootstrap.css│ ├── bootstrap.min.css├── fonts│ ├── glyphi買粉絲ns-halflings-regular.eot│ ├── glyphi買粉絲ns-halflings-regular.svg│ ├── glyphi買粉絲ns-halflings-regular.ttf│ ├── glyphi買粉絲ns-halflings-regular.woff│ └── glyphi買粉絲ns-halflings-regular.woff2└── js ├── bootstrap.js └── bootstrap.min.js

還可以使用簡單的 regEx 模式來過濾結果：

tree -P '*.min.*'.├── css│ ├── bootstrap.min.css├── fonts└── js └── bootstrap.min.js

5、Tmux

根據維基的解釋，Tmux 是一個終端復用器。通俗的說，它是一個能將多個終端連接到單個終端會話的工具。

Tmux允許用戶在終端中的程序之間切換，添加屏幕窗格，并將多個終端連接到同一個會話，使其保持同步。在遠程服務器上工作時，Tmux 特別有用，因為它允許用戶創建新的選項卡，而無需再次登錄。

6、

命令用于生成關于文件和目錄的空間使用情況的報告。很容易使用，可以遞歸地運行，遍歷每個子目錄并返回每個文件的大小。

的常見用例是：當某個驅動器的空間不足，用戶不清楚每個存儲器的大小。使用此命令可以快速查看每個文件夾所占用的存儲空間，從而找到占用最大空間的存儲器。

7、AUI

AUI是最近流行起來的，作者聲稱是專為APIClound設計的一套框架，解決了許多移動端開發實際中遇到的許多問題，是一個純CSS框架。使用容器+布局+模塊的構建方式，JS輔助，更自由更靈活更易于擴展使用。遵循Google Material設計規范，完美適配各個機型。面向HTML5，使用CSS3實現動畫交互，輕量級高性能。AUI是使用MIT License授權，你可以復制、出售。目前最新版本2.0。

8、Amaze UI

這是稱為妹子UI的開源框架，據稱是中國首個開源HTML5跨屏前端框架。妹子UI以移動優先為理念，從小屏逐漸到大屏，實現響應式網頁。Amaze UI包含20+個CSS組件、20+個JS組件，更有多個包含不同主題的Web組件。相比國外框架，妹子UI關注中文排版提供本地化支持。面向HTML5開發，使用CSS3來實現動畫交互，輕量級高性能。

9、Frozen UI

Frozen UI是一款開源，簡單易用，輕量敏捷的移動端框架。基于手Q樣式規范，目前全面應用于企鵝手Q增值業務中。基礎樣式效果簡單色調清爽，社區活躍，組件自然不少。包括按鈕、列表、表單、通知、提示條、彈出框、選項卡等等常用組件。還包括一個FrozenJs的JS組件庫。可以在主流的Android和IOS上應用。基本樣式使用離線包的方式減少請求提供快速接入方案。當然，根據網友反映，也存在大大小小的bug。不過總體來說，還是值得一用的。奇怪的是，Github上顯示的最后更新時間是一年前，難道已經沒人維護了嗎？

# Running this will show the space usage of each folder in the current directory.# The -h option makes the report easier to read.# -s prevents recursiveness and shows the total size of a folder.# The star wildcard (*) will run on each file/folder in current directory. -sh *1.2G Desktop4.0K Documents40G Downloads4.0K Music4.9M Pictures844K Public4.0K Templates6.9M Videos

還有一個相似的命令 df（Disk Free），使用df會返回有關可用磁盤空間的各種信息。

幾個Web前端開發框架的比較

Bootstrap

Bootstrap是目前可用框架中無可爭議的領導者。其人氣日益增長，你可以放心的選擇這個框架，而不必擔心項目會失敗，因為具有廣泛使用基礎的框架，不太可能被拋棄。

創作者： Mark Otto 和 Ja買粉絲b Thornton.

發行： 2011

當前版本： 3.3.7

人氣： GitHub上有111,000顆星

說明： “Bootstrap是最流行的HTML，CSS和JavaScript框架，用于在網絡上開發響應式、移動的Web項目。

核心概念/原則： RWD和移動端優先。

框架大小： 154 KB

預處理器： Less和Sass

響應式布局：是

模塊化：是

啟動模板/布局：是

圖標集： Glyphi買粉絲ns Halflings設置

附加/附件：無捆綁，許多第三方插件可用。

獨特組件： Jumbotron

文檔資源：良好

自定制：基本GUI定制器。但是你需要手動輸入顏色值，因為沒有顏色選擇器可用。

瀏覽器支持： Firefox，Chrome，Safari，IE8 +（您需要IE8的Respond.js）

許可證： MIT

Bootstrap說明

Bootstrap的廣泛流行是它的優勢所在。在技術上，它不一定比列表中的其它框架更好，但它提供了比其它四個框架更多的資源（文章和教程、第三方插件和擴展、主題構建器等）。簡而言之，Bootstrap 無處不在，這是人們繼續選擇的主要原因。

Foundation

Foundation是排在第二名的框架。ZURB這樣堅實的公司一直支持著Foundation，所以這個框架有強大的基礎。Foundation現已用于許多大型網站，包括Facebook，Mozilla，Ebay，Yahoo！和國家地理等。

創作者： ZURB

發行： 2011

當前版本： 6.3.1

人氣： GitHub上有25,400顆星

說明： “世界上最先進的響應式前端框架”

核心概念/原則： RWD，移動端優先，語義。

框架大小： 197.5 KB

預處理器： Sass

響應式布局：是

模塊化：是

啟動模板/布局：是

圖標集： 基礎圖標字體

額外/附加組件：是

獨特的組件： I買粉絲n Bar, Clearing Lightbox, Flex Video, Keystrokes, Joyride, Pricing Tables

文檔資源：良好，還有許多額外資源。

自定制：基本的GUI定制程序，類似于Bootstrap定制工具。

瀏覽器支持： Chrome，Firefox，Safari，IE9 +; iOS，Android，Windows Phone 7+

許可證：MIT

Foundation說明

Foundation是一個真正的專業框架，提供業務支持、培訓和買粉絲。它還提供了許多資源來幫助你更快更輕松地學習和使用該框架。

Semantic UI

Semantic UI是一個語義化設計的前端開源框架。它利用自然語言原理，從而使代碼更加可讀和可理解。

創作者： Jack Lukic

發行： 2013

當前版本： 2.2

人氣： GitHub上有34,762顆星

說明： “基于自然語言原則的UI組件框架”。

核心概念/原則：Semantic, tag ambivalence, responsive。

框架大小： 806 KB

預處理器：少

響應式布局：是

模塊化：是

啟動模板/布局：是，并提供了一些基本的入門模板

圖標集： Font Awesome

額外/附加組件：否

獨特的部件：Divider, Flag, Rail, Reveal, Step, Advertisement, Card, Feed, Item, Statistic, Dimmer, Rating, Shape。

文檔資源：非常好，Semantic提供了一個非常有組織的文檔，另外還有一個單獨的網站提供入門指南、自定義和創建主題。

自定義：沒有GUI定制器，只有手動定制。

瀏覽器支持： Firefox，Chrome，Safari，IE10 +（僅IE9瀏覽器前綴），Android 4，Blackberry 10

許可證：MIT

Semantic UI說明

Semantic是這里所討論的所有框架中，最具創新性和全功能的框架。其框架的總體結構、類中清晰邏輯的命名約定方式和語義方面也超過了其它框架。

Pure

Pure是一種輕量級的模塊化框架，采用純CSS編寫，具有可根據需要一起使用或單獨使用的組件。

創作者：雅虎

發行： 2013

當前版本： 0.6.2

流行度： GitHub上有16,637顆星

說明： “一套小而靈活的CSS模塊，能夠在每個Web項目中使用。”

核心概念/原則： SMACSS，極簡主義。

框架大小： 16 KB

預處理：無

響應式布局：是

模塊化：是

啟動模板/布局：是

圖標集：無。可以改用Font Awesome。

額外/附加組件：無

獨特組件：無

文檔資源：很好

自定義：基本GUI皮膚生成器

瀏覽器支持：最新版本的Firefox，Chrome，Safari; IE7 +; iOS 6.x，7.x; Android 4.x

許可證： Yahoo! Inc. BSD

Pure說明

Pure為你的項目提供了一個干凈的開始，只提供基本框架。對于不需要全功能框架但僅包含在其工作中的特定組件的人來說，pures是一個理想的選擇。

UIkit

UIkit是一個易于使用和自定義的組件的簡潔集合。雖然它不像其它框架那樣受歡迎，但它提供了相同的功能和質量。

創造者： YOOtheme

發行： 2013

當前版本： 3.0.0

人氣：GitHub GitHub上有9,422顆星

說明： “用于開發快速而強大的Web界面的輕量級和模塊化的前端框架”。

核心概念/原則： RWD，移動端優先

框架大小： 326.9 KB（如果包含uikit-i買粉絲ns.min.js與SVG圖標相關的功能，則為384.4 KB ）

預處理器：少，Sass

響應式布局：是

模塊化：是

啟動模板/布局：是

圖標集： UIkit自帶SVG圖標系統和類庫，其中包含越來越多的大綱圖標。

額外/附加組件：是

獨特的組件：Article, Flex, Cover, HTML Editor

文件：好

自定義：高級GUI定制程序僅在版本2（以前的版本）中可用

瀏覽器支持： Chrome，Firefox，Safari，IE9 +

許可證：MIT

UIkit說明

UIkit成功應用在許多WordPress主題中。它提供了靈活和強大的手動定制機制（以前版本的框架還提供了高級GUI定制程序）。

什么是最適合你的框架？

在選擇框架時，可以從以下幾個方面考慮：

框架是否正在積極發展？一個好的框架需要不斷地使用最新的web技術，特別是在移動端方面。

框架是否達到成熟？如果一個特定的框架在現實項目中還沒有被使用和測試，那么將其用于你的專業項目，可能不是一個明智的選擇。

框架是否提供了良好的文檔？為了方便學習過程，總是需要良好的文檔。

框架的特異性是什么？這里的要點是，與具有高級別特異性的框架相比，更通用的框架更容易使用。在大多數情況下，最好選擇一個應用最小樣式的框架，因為它更容易自定義。與重寫現有的CSS規則相比，添加新的CSS規則是一個更方便有效的做法。

如果你還不確定使用哪個框架，那么可以采用混合搭配的方式。當某個特定的框架不能滿足你的需求時，可以混合使用兩個或多個項目的組件。

來源：網頁鏈接

前端常用的框架有哪些？

1、Foundation框架

Foundation框架總體來看要比Bootstrap略顯高大上一點，但他們倆的設計理念都是非常清楚的，Bootstrap有引導的意思嘗試處理你項目中的一切所需。Foundation有基礎、地基及支柱的意思，給項目中強有力的創造與支持。相對于Bootstrap豐富的組件及插件，Foundation僅提供了有限的幾種元素，其目標是，即使你使用預定義的UI元素，也不應該與大家的網站長得太像。

2、、Bootstrap

Bootstrap在業界非常受歡迎，以致于有很多前端框架都在其基礎上開發，如WeX5就是在Bootstrap源碼基礎上優化而來的。Bootstrap是基于HTML、CSS和Javascript的，簡潔靈活使得Web開發更加敏捷。

提供優雅的HTML和CSS規范，在jQuery的基礎上進行更加個性化和人性化的完善。兼容大部分jQuery插件，并包含了豐富的Web組件，如下拉菜單、按鈕式下拉菜單、導航條、按鈕組、分頁、縮略圖、進度條和媒體對象等。自帶了13個jQuery插件，其中有模式對話框、標簽頁、滾動條和彈出框等。

3、Curl

Curl是一個命令行工具，用于通過HTTP(s)、FTP和數十種其它協議進行請求。使用Curl可以進行文件下載、檢查響應標題和自由訪問遠程數據。在Web開發中，Curl經常和RESTfulAPI一起使用用于測試連接。

4、Tree

Tree是一個小型的命令行實用程序，將目錄中的文件以可視化的方式進行顯示。它采用遞歸運行的方式，遍歷每個級別的嵌套并繪制所有內容的格式樹。這樣就能快速的瀏覽并查找需要的文件。

5、Tmux

根據維基的解釋，Tmux是一個終端復用器。通俗的說，它是一個能將多個終端連接到單個終端會話的工具。Tmux允許用戶在終端中的程序之間切換，添加屏幕窗格，并將多個終端連接到同一個會話，使其保持同步。在遠程服務器上工作時，Tmux特別有用，因為它允許用戶創建新的選項卡，而無需再次登錄。

6、

命令用于生成關于文件和目錄的空間使用情況的報告。很容易使用，可以遞歸地運行，遍歷每個子目錄并返回每個文件的大小。的常見用例是：當某個驅動器的空間不足，用戶不清楚每個存儲器的大小。使用此命令可以快速查看每個文件夾所占用的存儲空間，從而找到占用最大空間的存儲器。

7、AUI

AUI專為APIClound設計的一套框架，解決了許多移動端開發實際中遇到的許多問題是一個純CSS框架。使用容器+布局+模塊的構建方式，JS輔助，更自由更靈活更易于擴展使用。遵循GoogleMaterial設計規范，完美適配各個機型。面向HTML5，使用CSS3實現動畫交互，輕量級高性能。

8、AmazeUI

據稱是中國首個開源HTML5跨屏前端框架。妹子UI以移動優先為理念，從小屏逐漸到大屏，實現響應式網頁。AmazeUI包含20+個CSS組件、20+個JS組件，更有多個包含不同主題的Web組件。相比國外框架，妹子UI關注中文排版提供本地化支持。面向HTML5開發，使用CSS3來實現動畫交互，輕量級高性能。

9、FrozenUI

FrozenUI是一款開源簡單易用，輕量敏捷的移動端框架。基于手Q樣式規范，目前全面應用于企鵝手Q增值業務中。基礎樣式效果簡單色調清爽，社區活躍，組件自然不少。包括按鈕、列表、表單、通知、提示條、彈出框、選項卡等等常用組件。還包括一個FrozenJs的JS組件庫。可以在主流的Android和IOS上應用。基本樣式使用離線包的方式減少請求提供快速接入方案。

很赞哦!（98）