常見的Web前端開發框架。在做web開發的時候經常會遇到一個問題，那就是，選擇什么樣的框架來做前端開發。下面封程中把目前常用的一些前端的框架簡單的給大家介紹一下。

常見的Web前端開發框架

1、 Bootstrap

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

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

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

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

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

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

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

2、extjs

ExtJS是一種主要用于創建前端用戶界面，是一個基本與后臺技術無關的前端ajax框架。

功能豐富，無人能出其右。

無論是界面之美，還是功能之強，ext的表格控件都高居榜首。

華麗的界面，靈活的功能，還有開發工具都是配套的，但有個較大的問題，用就得花錢!

3、easyui

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

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

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

4、MiniUI

又一個基于jquery的框架，開發的界面功能都很豐富。

jQuery MiniUI – 開發WebUI。

它能縮短開發時間，減少代碼量，使開發者更專注于業務和服務端，輕松實現界面開發，帶來絕佳的用戶體驗。

使用MiniUI，開發者可以創建Ajax無刷新、B/S錄入數據、CRUD、Master-Detail、菜單工具欄、彈出面板、布局導航、數據驗證、分頁表格、樹、樹形表格等典型WEB應用系統界面。

界面做的挺不錯，功能也挺豐富，但是有兩個比較大的問題，一個是收費，一個是沒有源碼，說白了，不開源!基于這個開發如果想對功能做擴展就需要找他們的團隊進行升級!

5、jQuery UI

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