導(dǎo)語：在做Web開發(fā)的時(shí)候難免遇到一個(gè)問題，那就是，選擇什么樣的框架。以下是前端框架的一些集錦，都非常優(yōu)秀，前端框架好不好，看如何組合使用，以下這些各有所長(zhǎng)，靈活選用，能讓你的頁面完美。

在做Web開發(fā)的時(shí)候難免遇到一個(gè)問題，那就是，選擇什么樣的框架。

以下是濟(jì)南優(yōu)就業(yè)IT培訓(xùn)小編整理的前端框架的一些集錦，都非常優(yōu)秀，前端框架好不好，看如何組合使用，以下這些各有所長(zhǎng)，靈活選用，能讓你的頁面完美，有更好的框架希望大家留言分享，互相學(xué)習(xí)，這樣大家都很快的提升自己的水平，從而為推動(dòng)前端的發(fā)展做貢獻(xiàn)。

1、flex

Apache基金會(huì)今天發(fā)布了Flex 4.8版本，這是Adobe將Flex捐獻(xiàn)給Apache基金會(huì)后發(fā)布的第一個(gè)版本。

需要注意的是，F(xiàn)lex目前還在孵化階段，還不是Apache的正式項(xiàng)目，F(xiàn)lex 4.8也不是一個(gè)正式的Apache版本。

Apache稱，該版本標(biāo)志著Flex新時(shí)代的開始，F(xiàn)lex的未來將由社區(qū)來驅(qū)動(dòng)，而不是由一個(gè)公司驅(qū)動(dòng)。開發(fā)者可以通過貢獻(xiàn)代碼，來幫助改進(jìn)Flex，如修復(fù)bug、增加功能等。

從Macromedia賣給Adobe，然后又捐給apache，不知道搞什么名堂。不過還好沒有經(jīng)過大幅重構(gòu)，否則就真的是悲哀了!

2、extjs

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

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

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

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

3、easyui

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

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

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

4、MiniUI

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

jQuery MiniUI – 快速開發(fā)WebUI。

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

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

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

5、jQuery UI

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

功能非常全面，界面也挺漂亮的，可以整體使用，也可以分開使用其中的幾個(gè)模塊，免費(fèi)開源!

6、DWZ

DWZ富客戶端框架(jQuery RIA framework), 是中國(guó)人自己開發(fā)的基于jQuery實(shí)現(xiàn)的Ajax RIA開源框架.

設(shè)計(jì)目標(biāo)是簡(jiǎn)單實(shí)用,快速開發(fā),降低ajax開發(fā)成本。

歡迎大家提出建議，我們將在下一版本中進(jìn)一步調(diào)整和完善功能.共同推進(jìn)國(guó)內(nèi)整體ajax開發(fā)水平。

畢竟是國(guó)產(chǎn)的，支持一下，而且源碼完全公開，可以選擇一下!不過性能怎么樣不敢確定!

7、GWT

Google 網(wǎng)頁工具包——GWT 提供了一組基于Java語言的開發(fā)包，這個(gè)開發(fā)包的設(shè)計(jì)參考Java AWT包設(shè)計(jì)，類命名規(guī)則、接口設(shè)計(jì)、事件監(jiān)聽等都和AWT非常類似。熟悉Java AWT的開發(fā)者不需要花費(fèi)多大的力氣就能夠快速的理解GWT開發(fā)工具包，將更多地時(shí)間投入到GWT應(yīng)用的開發(fā)過程中。

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

8、YUI

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

YUI Compressor倒是挺出名的，這套UI庫不知道應(yīng)用的情況怎么樣!

9、Sencha

Sencha 是由 ExtJS、jQTouch 以及 Raphael 三個(gè)項(xiàng)目合并而成的一個(gè)新項(xiàng)目。

大公司的框架，并且是幾樣庫的強(qiáng)強(qiáng)聯(lián)合，值得推薦!

10、Dojo

在國(guó)內(nèi)應(yīng)用好像不是很廣，不過性能上應(yīng)該沒問題。

Dojo是一個(gè)用javascript語言實(shí)現(xiàn)的開源DHTML工具包。

有多個(gè)基金會(huì)的支持，包括IBM和SUN，都是軟件界的泰斗，值得信賴!

11、ZK

ZK是一套以 AJAX/XUL/Java 為基礎(chǔ)的網(wǎng)頁應(yīng)用程式開發(fā)框架，用于豐富網(wǎng)頁應(yīng)用程式的使用接口。最大的好處是，在設(shè)計(jì)AJAX網(wǎng)絡(luò)應(yīng)用程式時(shí)，輕松簡(jiǎn)便的操作就像設(shè)計(jì)桌面程式一樣。 ZK包含了一個(gè)以AJAX為基礎(chǔ)、事件驅(qū)動(dòng)(event-driven)、高互動(dòng)性的引擎，同時(shí)還提供了多樣豐富、可重復(fù)使用的XUL與HTML組件，以 及以 XML 為基礎(chǔ)的使用接口設(shè)計(jì)語言 ZK User-interfaces Markup Language (ZUML)。

在線的demo

設(shè)計(jì)器的demo

日歷組件

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

12、OperaMasks-UI

OperaMasks- UI是OperaMasks團(tuán)隊(duì) 2011下半年打造的一款輕量級(jí)前端JS組件庫，旨在提供一款學(xué)習(xí)曲線低、定制性靈活、樣式統(tǒng)一，且多瀏覽器支持、覆蓋企業(yè)業(yè)務(wù)場(chǎng)景的前端 JavaScript UI組件庫。目前，該團(tuán)隊(duì)已將這一產(chǎn)品以LGPL 開源協(xié)議開放給社區(qū)。

文檔豐富，功能齊全，而且很容易使用和開發(fā)!而且是國(guó)產(chǎn)的喲!

13、JavaFX

Sun 公司(已于2009年被Oracle公司收購)在2008年12月05日發(fā)布了JavaFX技術(shù)的正式版,它使您能利用 JavaFX 編程語言開發(fā)富互聯(lián)網(wǎng)應(yīng)用程序(RIA)。JavaFX Script 編程語言(以下稱為JavaFX)是Sun微系統(tǒng)公司開發(fā)的一種declarative, statically typed(聲明性的、靜態(tài)類型)腳本語言。JavaFX技術(shù)有著良好的前景，包括可以直接調(diào)用Java API的能力。因?yàn)?JavaFX Script是靜態(tài)類型，它同樣具有結(jié)構(gòu)化代碼、重用性和封裝性，如包、類、繼承和單獨(dú)編譯和發(fā)布單元，這些特性使得使用Java技術(shù)創(chuàng)建和管理大型程序變?yōu)榭赡堋?/p>

14、Boostrap

比如最近很流行的Boostrap開發(fā)框架。它是Twitter公司開發(fā)的一個(gè)基于HTML、CSS和JavaScript的技術(shù)框架，集合了最新的前端技術(shù)，為實(shí)現(xiàn)Web應(yīng)用程序快速開發(fā)提供了一套前端工具包，包括布局、柵格、表格、按鈕、表單、導(dǎo)航、提示等。項(xiàng)目始于2011年8月，至今才剛滿兩年，但是Bootstrap旋風(fēng)卻已刮遍了整個(gè)互聯(lián)網(wǎng)。各種較小的網(wǎng)站就不提了，國(guó)內(nèi)外很多較有名的網(wǎng)站也采用了Bootstrap。對(duì)于設(shè)計(jì)能力不強(qiáng)也沒有太多時(shí)間去設(shè)計(jì)前端界面的用戶來說，Bootstrap價(jià)值巨大。Bootstrap的目的就是幫助開發(fā)人員快速開發(fā)原型，避免經(jīng)常從零開始繪制白底黑邊的裸圖。

Bootstrap框架提供一級(jí)的視覺效果，且應(yīng)用視覺效果是一致的，這一點(diǎn)其實(shí)是很難實(shí)現(xiàn)的。使用Bootstrap可以確保整個(gè)Web應(yīng)用程序的風(fēng)格完全一致，用戶體驗(yàn)一致，操作習(xí)慣一致。如果希望整個(gè)網(wǎng)站的鏈接、按鈕、提醒都有統(tǒng)一的視覺效果，那就應(yīng)該毫不猶豫地選擇Bootstrap，此外它還可以對(duì)不同級(jí)別的提醒使用不同的顏色。

以上這些框架雖然有些已經(jīng)過時(shí)了，但他們的設(shè)計(jì)思維值得我們學(xué)習(xí)，框架沒有好不好，看怎么靈活運(yùn)用，學(xué)習(xí)前端重在分享。

隨著Web最新發(fā)展趨勢(shì)的不斷升級(jí)，Web項(xiàng)目開發(fā)也越來越難，而且需要花費(fèi)更多的開發(fā)時(shí)間。所以，Web程序員靈活運(yùn)用Web開發(fā)框架顯得更為重要。下面濟(jì)南IT培訓(xùn)優(yōu)就業(yè)小編為大家簡(jiǎn)單的介紹一下Web框架的基本內(nèi)容，希望對(duì)大家有幫助。

Web框架(Web framework)或者叫做Web應(yīng)用框架(Web application framework)，是用于進(jìn)行Web開發(fā)的一套軟件架構(gòu)。大多數(shù)的Web框架提供了一套開發(fā)和部署網(wǎng)站的方式。為Web的行為提供了一套支持支持的方法。使用Web框架，很多的業(yè)務(wù)邏輯外的功能不需要自己再去完善，而是使用框架已有的功能就可以。

Web框架的功能

Web框架使得在進(jìn)行Web應(yīng)用開發(fā)的時(shí)候，減少了工作量。Web框架主要用于動(dòng)態(tài)網(wǎng)絡(luò)開發(fā)，動(dòng)態(tài)網(wǎng)絡(luò)主要是指現(xiàn)在的主要的頁面，可以實(shí)現(xiàn)數(shù)據(jù)的交互和業(yè)務(wù)功能的完善。使用Web框架進(jìn)行Web開發(fā)的時(shí)候，在進(jìn)行數(shù)據(jù)緩存、數(shù)據(jù)庫訪問、數(shù)據(jù)安全校驗(yàn)等方面，不需要自己再重新實(shí)現(xiàn)，而是將業(yè)務(wù)邏輯相關(guān)的代碼寫入框架就可以。也就是說，通過對(duì)Web框架進(jìn)行主觀上的“縫縫補(bǔ)補(bǔ)”，就可以實(shí)現(xiàn)自己進(jìn)行Web開發(fā)的需求了。

以PHP為例，PHP可以在apache服務(wù)器上進(jìn)行Web開發(fā)，而不必使用框架。使用PHP進(jìn)行開的時(shí)候，在不適用框架的情況下，數(shù)據(jù)庫連接就需要自己來實(shí)現(xiàn)，頁面的生成和顯示也是一樣。比如框架的話可以完成避免sql注入的工作，而使用PHP在不用框架的情況下，這部分要自己做。

目前Python主流的框架有Django和Flask等。Django是一個(gè)比較重量級(jí)的框架，重量級(jí)的意思是說，Django幾乎所有的功能都幫助開發(fā)者寫好了，有時(shí)候如果想做一個(gè)簡(jiǎn)單的網(wǎng)站，并不需要太多功能，這時(shí)候使用Django的話，就比較不合適，因?yàn)樵诓渴鹁W(wǎng)站的時(shí)候會(huì)導(dǎo)致很多不必要的功能也部署了進(jìn)來。而Flask是一個(gè)輕量級(jí)的框架，一些核心的功能實(shí)現(xiàn)了，但是實(shí)現(xiàn)的功能并沒有Django那么多，這樣可以進(jìn)行自己的發(fā)揮，在Flask的基礎(chǔ)上，如果想實(shí)現(xiàn)更多的功能，可以很方便地加入。

Java目前的主流開發(fā)框架是ssm(spring spring-mvc和mybatis)。相比之前的ssh(spring struts hibernate)，ssm也是比較輕量級(jí)的框架。

為了便于理解，個(gè)人創(chuàng)造了一個(gè)比方，如果將Web框架比作是旋律，歌詞比作是業(yè)務(wù)邏輯，那么就是不同的歌曲。旋律可能有些地方不滿足人的需求，可以進(jìn)行修改。也可以在基礎(chǔ)上增加新的旋律?；蛘呤菍⒖蚣鼙茸魉孛璧慕Y(jié)果，然后在素描的基礎(chǔ)上進(jìn)行涂色，然后就可以成為一副畫了。

總結(jié)

Web框架是用來進(jìn)行Web應(yīng)用開發(fā)的一個(gè)軟件架構(gòu)。主要用于動(dòng)態(tài)網(wǎng)絡(luò)開發(fā)。開發(fā)者在基于Web框架實(shí)現(xiàn)自己的業(yè)務(wù)邏輯。Web框架實(shí)現(xiàn)了很多功能，為實(shí)現(xiàn)業(yè)務(wù)邏輯提供了一套通用方法。

導(dǎo)語：在做Web開發(fā)的時(shí)候難免遇到一個(gè)問題，那就是，選擇什么樣的框架。以下是前端框架的一些集錦，都非常優(yōu)秀，前端框架好不好，看如何組合使用，以下這些各有所長(zhǎng)，靈活選用，能讓你的頁面完美。

在做Web開發(fā)的時(shí)候難免遇到一個(gè)問題，那就是，選擇什么樣的框架。

以下是濟(jì)南優(yōu)就業(yè)IT培訓(xùn)小編整理的前端框架的一些集錦，都非常優(yōu)秀，前端框架好不好，看如何組合使用，以下這些各有所長(zhǎng)，靈活選用，能讓你的頁面完美，有更好的框架希望大家留言分享，互相學(xué)習(xí)，這樣大家都很快的提升自己的水平，從而為推動(dòng)前端的發(fā)展做貢獻(xiàn)。

1、flex

Apache基金會(huì)今天發(fā)布了Flex 4.8版本，這是Adobe將Flex捐獻(xiàn)給Apache基金會(huì)后發(fā)布的第一個(gè)版本。

需要注意的是，F(xiàn)lex目前還在孵化階段，還不是Apache的正式項(xiàng)目，F(xiàn)lex 4.8也不是一個(gè)正式的Apache版本。

Apache稱，該版本標(biāo)志著Flex新時(shí)代的開始，F(xiàn)lex的未來將由社區(qū)來驅(qū)動(dòng)，而不是由一個(gè)公司驅(qū)動(dòng)。開發(fā)者可以通過貢獻(xiàn)代碼，來幫助改進(jìn)Flex，如修復(fù)bug、增加功能等。

從Macromedia賣給Adobe，然后又捐給apache，不知道搞什么名堂。不過還好沒有經(jīng)過大幅重構(gòu)，否則就真的是悲哀了!

2、extjs

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

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

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

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

3、easyui

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

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

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

4、MiniUI

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

jQuery MiniUI – 快速開發(fā)WebUI。

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

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

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

5、jQuery UI

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

功能非常全面，界面也挺漂亮的，可以整體使用，也可以分開使用其中的幾個(gè)模塊，免費(fèi)開源!

6、DWZ

DWZ富客戶端框架(jQuery RIA framework), 是中國(guó)人自己開發(fā)的基于jQuery實(shí)現(xiàn)的Ajax RIA開源框架.

設(shè)計(jì)目標(biāo)是簡(jiǎn)單實(shí)用,快速開發(fā),降低ajax開發(fā)成本。

歡迎大家提出建議，我們將在下一版本中進(jìn)一步調(diào)整和完善功能.共同推進(jìn)國(guó)內(nèi)整體ajax開發(fā)水平。

畢竟是國(guó)產(chǎn)的，支持一下，而且源碼完全公開，可以選擇一下!不過性能怎么樣不敢確定!

7、GWT

Google 網(wǎng)頁工具包——GWT 提供了一組基于Java語言的開發(fā)包，這個(gè)開發(fā)包的設(shè)計(jì)參考Java AWT包設(shè)計(jì)，類命名規(guī)則、接口設(shè)計(jì)、事件監(jiān)聽等都和AWT非常類似。熟悉Java AWT的開發(fā)者不需要花費(fèi)多大的力氣就能夠快速的理解GWT開發(fā)工具包，將更多地時(shí)間投入到GWT應(yīng)用的開發(fā)過程中。

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

8、YUI

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

YUI Compressor倒是挺出名的，這套UI庫不知道應(yīng)用的情況怎么樣!

9、Sencha

Sencha 是由 ExtJS、jQTouch 以及 Raphael 三個(gè)項(xiàng)目合并而成的一個(gè)新項(xiàng)目。

大公司的框架，并且是幾樣庫的強(qiáng)強(qiáng)聯(lián)合，值得推薦!

10、Dojo

在國(guó)內(nèi)應(yīng)用好像不是很廣，不過性能上應(yīng)該沒問題。

Dojo是一個(gè)用javascript語言實(shí)現(xiàn)的開源DHTML工具包。

有多個(gè)基金會(huì)的支持，包括IBM和SUN，都是軟件界的泰斗，值得信賴!

11、ZK

ZK是一套以 AJAX/XUL/Java 為基礎(chǔ)的網(wǎng)頁應(yīng)用程式開發(fā)框架，用于豐富網(wǎng)頁應(yīng)用程式的使用接口。最大的好處是，在設(shè)計(jì)AJAX網(wǎng)絡(luò)應(yīng)用程式時(shí)，輕松簡(jiǎn)便的操作就像設(shè)計(jì)桌面程式一樣。 ZK包含了一個(gè)以AJAX為基礎(chǔ)、事件驅(qū)動(dòng)(event-driven)、高互動(dòng)性的引擎，同時(shí)還提供了多樣豐富、可重復(fù)使用的XUL與HTML組件，以 及以 XML 為基礎(chǔ)的使用接口設(shè)計(jì)語言 ZK User-interfaces Markup Language (ZUML)。

在線的demo

設(shè)計(jì)器的demo

日歷組件

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

12、OperaMasks-UI

OperaMasks- UI是OperaMasks團(tuán)隊(duì) 2011下半年打造的一款輕量級(jí)前端JS組件庫，旨在提供一款學(xué)習(xí)曲線低、定制性靈活、樣式統(tǒng)一，且多瀏覽器支持、覆蓋企業(yè)業(yè)務(wù)場(chǎng)景的前端 JavaScript UI組件庫。目前，該團(tuán)隊(duì)已將這一產(chǎn)品以LGPL 開源協(xié)議開放給社區(qū)。

文檔豐富，功能齊全，而且很容易使用和開發(fā)!而且是國(guó)產(chǎn)的喲!

13、JavaFX

Sun 公司(已于2009年被Oracle公司收購)在2008年12月05日發(fā)布了JavaFX技術(shù)的正式版,它使您能利用 JavaFX 編程語言開發(fā)富互聯(lián)網(wǎng)應(yīng)用程序(RIA)。JavaFX Script 編程語言(以下稱為JavaFX)是Sun微系統(tǒng)公司開發(fā)的一種declarative, statically typed(聲明性的、靜態(tài)類型)腳本語言。JavaFX技術(shù)有著良好的前景，包括可以直接調(diào)用Java API的能力。因?yàn)?JavaFX Script是靜態(tài)類型，它同樣具有結(jié)構(gòu)化代碼、重用性和封裝性，如包、類、繼承和單獨(dú)編譯和發(fā)布單元，這些特性使得使用Java技術(shù)創(chuàng)建和管理大型程序變?yōu)榭赡堋?/p>

14、Boostrap

比如最近很流行的Boostrap開發(fā)框架。它是Twitter公司開發(fā)的一個(gè)基于HTML、CSS和JavaScript的技術(shù)框架，集合了最新的前端技術(shù)，為實(shí)現(xiàn)Web應(yīng)用程序快速開發(fā)提供了一套前端工具包，包括布局、柵格、表格、按鈕、表單、導(dǎo)航、提示等。項(xiàng)目始于2011年8月，至今才剛滿兩年，但是Bootstrap旋風(fēng)卻已刮遍了整個(gè)互聯(lián)網(wǎng)。各種較小的網(wǎng)站就不提了，國(guó)內(nèi)外很多較有名的網(wǎng)站也采用了Bootstrap。對(duì)于設(shè)計(jì)能力不強(qiáng)也沒有太多時(shí)間去設(shè)計(jì)前端界面的用戶來說，Bootstrap價(jià)值巨大。Bootstrap的目的就是幫助開發(fā)人員快速開發(fā)原型，避免經(jīng)常從零開始繪制白底黑邊的裸圖。

Bootstrap框架提供一級(jí)的視覺效果，且應(yīng)用視覺效果是一致的，這一點(diǎn)其實(shí)是很難實(shí)現(xiàn)的。使用Bootstrap可以確保整個(gè)Web應(yīng)用程序的風(fēng)格完全一致，用戶體驗(yàn)一致，操作習(xí)慣一致。如果希望整個(gè)網(wǎng)站的鏈接、按鈕、提醒都有統(tǒng)一的視覺效果，那就應(yīng)該毫不猶豫地選擇Bootstrap，此外它還可以對(duì)不同級(jí)別的提醒使用不同的顏色。

以上這些框架雖然有些已經(jīng)過時(shí)了，但他們的設(shè)計(jì)思維值得我們學(xué)習(xí)，框架沒有好不好，看怎么靈活運(yùn)用，學(xué)習(xí)前端重在分享。