常見(jiàn)的Web前端開(kāi)發(fā)框架

常見(jiàn)的Web前端開(kāi)發(fā)框架。在做web開(kāi)發(fā)的時(shí)候經(jīng)常會(huì)遇到一個(gè)問(wèn)題，那就是，選擇什么樣的框架來(lái)做前端開(kāi)發(fā)。下面封程中把目前常用的一些前端的框架簡(jiǎn)單的給大家介紹一下。

常見(jiàn)的Web前端開(kāi)發(fā)框架

1、 Bootstrap

Boostrap是目前較流行用得較廣泛的一款框架。它是一套優(yōu)美，直觀并且給力的web設(shè)計(jì)工具包，可以用來(lái)開(kāi)發(fā)跨瀏覽器兼容并且美觀大氣的頁(yè)面。它提供了很多流行的樣式簡(jiǎn)潔的UI組件，柵格系統(tǒng)以及一些常用的JavaScript插件。

Bootstrap是用動(dòng)態(tài)語(yǔ)言LESS寫(xiě)的，主要包括四部分的內(nèi)容：

腳手架——全局樣式，響應(yīng)式的12列柵格布局系統(tǒng)。記住Bootstrap在默認(rèn)情況下并不包括響應(yīng)式布局的功能。因此，如果你的設(shè)計(jì)需要實(shí)現(xiàn)響應(yīng)式布局，那么你需要手動(dòng)開(kāi)啟這項(xiàng)功能。

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

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

JavaScript——包括一系列jQuery的插件，這些插件可以實(shí)現(xiàn)組件的動(dòng)態(tài)頁(yè)面效果。插件主要包括模態(tài)窗口(modals)，提示效果(tool tips)，“泡芙”效果(popovers)，滾動(dòng)監(jiān)控(scrollspy)，旋轉(zhuǎn)木馬(carousel)，輸入提示(typeahead)，等等。

Bootstrap已經(jīng)足夠強(qiáng)大，能夠?qū)崿F(xiàn)各種形式的 Web 界面。為了更加方便地利用Bootstrap進(jìn)行開(kāi)發(fā)，很多工具和資源可以用來(lái)配合使用，下面列舉了其中的一部分工具和資源。

2、extjs

ExtJS是一種主要用于創(chuàng)建前端用戶界面，是一個(gè)基本與后臺(tái)技術(shù)無(wú)關(guān)的前端ajax框架。

功能豐富，無(wú)人能出其右。

無(wú)論是界面之美，還是功能之強(qiáng)，ext的表格控件都高居榜首。

華麗的界面，靈活的功能，還有開(kāi)發(fā)工具都是配套的，但有個(gè)較大的問(wèn)題，用就得花錢(qián)!

3、easyui

easyui幫助你構(gòu)建你的web應(yīng)用更加容易。

它是一個(gè)基于jquery的插件，開(kāi)發(fā)出來(lái)的一套輕量級(jí)的ui框架，非常小巧而且功能豐富。

但是她有一個(gè)較大的問(wèn)題就是代碼只能找到以前的開(kāi)源的版本，到了1.2以后的版本源代碼都是經(jīng)過(guò)混淆的，如果遇到問(wèn)題修改起來(lái)會(huì)非常麻煩!不過(guò)一個(gè)比較大的優(yōu)勢(shì)是開(kāi)源免費(fèi)，并且界面做的還說(shuō)的過(guò)去!

4、MiniUI

又一個(gè)基于jquery的框架，開(kāi)發(fā)的界面功能都很豐富。

jQuery MiniUI – 開(kāi)發(fā)WebUI。

它能縮短開(kāi)發(fā)時(shí)間，減少代碼量，使開(kāi)發(fā)者更專(zhuān)注于業(yè)務(wù)和服務(wù)端，輕松實(shí)現(xiàn)界面開(kāi)發(fā)，帶來(lái)絕佳的用戶體驗(yàn)。

使用MiniUI，開(kāi)發(fā)者可以創(chuàng)建Ajax無(wú)刷新、B/S錄入數(shù)據(jù)、CRUD、Master-Detail、菜單工具欄、彈出面板、布局導(dǎo)航、數(shù)據(jù)驗(yàn)證、分頁(yè)表格、樹(shù)、樹(shù)形表格等典型WEB應(yīng)用系統(tǒng)界面。

界面做的挺不錯(cuò)，功能也挺豐富，但是有兩個(gè)比較大的問(wèn)題，一個(gè)是收費(fèi)，一個(gè)是沒(méi)有源碼，說(shuō)白了，不開(kāi)源!基于這個(gè)開(kāi)發(fā)如果想對(duì)功能做擴(kuò)展就需要找他們的團(tuán)隊(duì)進(jìn)行升級(jí)!

5、jQuery UI

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