.亚洲综合无码一区二区痴汉,女人与狥交下配A级在线观,eeuss18影院www国产

北京漂亮的web前端框架

來源：北京北大青鳥教育時(shí)間：2023-04-12 20:03

這五個(gè)Web前端開發(fā)必不可少的開源框架，閉眼入

很多Web小白在學(xué)習(xí)、在選擇適合自己的Web語言時(shí)，比較糾結(jié)。其實(shí)有很多流行的、強(qiáng)大的前端開源框架，幫助你輕松構(gòu)建漂亮的網(wǎng)站前端。

1、Pure

Bootstrap，和MDC Web是功能非常強(qiáng)大的CSS框架，但它們可能非常繁瑣和復(fù)雜。如果你想要一個(gè)輕量級(jí)的CSS框架，可以嘗試Pure.css，它本身更接近于CSS編程，但又可以幫助你構(gòu)建一個(gè)不錯(cuò)的網(wǎng)頁(yè)。Pure是具有最小占用空間的輕量級(jí)CSS框架，它由Yahoo開發(fā)，根據(jù)BSD許可是開源的。

2、

聲稱是世界上*進(jìn)的響應(yīng)式前端框架。它提供了用于構(gòu)建專業(yè)網(wǎng)站的高級(jí)功能和教程。許多公司，組織都使用該框架，并且該框架具有大量可用的文檔。

3、Skeleton

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

4、

是一個(gè)基于Material Design風(fēng)格的一個(gè)現(xiàn)代化的響應(yīng)式前端框架，解決了最繁重的工作，結(jié)合你的自定義組件，為你提供默認(rèn)的樣式。的文檔頁(yè)面非常全面，并且很容易遵循。其組件頁(yè)面包括按鈕，卡片，導(dǎo)航等。

5、Bootstrap

Bootstrap無疑是*的CSS框架，它是最早的Web前端框架，由Twitter開發(fā)。Bootstrap還提供了許多示例來幫助你入門。使用Bootstrap，你可以將不同的組件和布局組合在一起，從而創(chuàng)建有趣的頁(yè)面設(shè)計(jì)。它還提供了大量詳細(xì)的文檔。目前在Github上已經(jīng)有1100多個(gè)貢獻(xiàn)者，19000多個(gè)提交。

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

1、Bootstrap

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

它提供優(yōu)雅的HTML和CSS規(guī)范，在jQuery的基礎(chǔ)上進(jìn)行更加個(gè)性化和人性化的完善。兼容大部分jQuery插件，并包含了豐富的Web組件，如下拉菜單、按鈕式下拉菜單、導(dǎo)航條、按鈕組、分頁(yè)、縮略圖、進(jìn)度條和媒體對(duì)象等。自帶了13個(gè)jQuery插件，其中有模式對(duì)話框、標(biāo)簽頁(yè)、滾動(dòng)條和彈出框等。

2、框架

框架總體來看要比Bootstrap略顯高大上一點(diǎn)，但他們倆的設(shè)計(jì)理念都是非常清楚的，Bootstrap有引導(dǎo)的意思，它嘗試處理你項(xiàng)目中的一切所需。有基礎(chǔ)、地基及支柱的意思，給你項(xiàng)目中強(qiáng)有力的創(chuàng)造與支持。相對(duì)于Bootstrap豐富的組件及插件，僅提供了有限的幾種元素，其目標(biāo)是，即使你使用預(yù)定義的UI元素，也不應(yīng)該與大家的網(wǎng)站長(zhǎng)得太像。

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

3、Curl

Curl 是一個(gè)命令行工具，用于通過 HTTP(s)、FTP 和數(shù)十種其它協(xié)議進(jìn)行請(qǐng)求。使用Curl可以進(jìn)行文件下載、檢查響應(yīng)標(biāo)題和自由訪問遠(yuǎn)程數(shù)據(jù)。

在 Web 開發(fā)中，Curl 經(jīng)常和 RESTful API 一起使用，用于測(cè)試連接。

# Fetch the headers of a URL.curl -I 302 -Control: -Type: text/html; charset=UTF-8Referrer-Policy: no-: 258Date: Wed, 09 Aug 2021 11:24:01 GMT# Make a GET request to a remote API.curl is the number of days it takes Saturn to orbit the Sun.

Curl 命令可能比上述代碼更復(fù)雜。有許多選項(xiàng)用于控制 headers、Cookie、身份驗(yàn)證等。了解更多，請(qǐng)閱讀 curl。

4、Tree

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

tree.├── css│ ├── bootstrap.css│ ├── bootstrap.min.css├── fonts│ ├── -halflings-regular.eot│ ├── -halflings-regular.svg│ ├── -halflings-regular.ttf│ ├── -halflings-regular.woff│ └── -halflings-regular.woff2└── js ├── bootstrap.js └── bootstrap.min.js

還可以使用簡(jiǎn)單的 regEx 模式來過濾結(jié)果：

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

5、Tmux

根據(jù)維基的解釋，Tmux 是一個(gè)終端復(fù)用器。通俗的說，它是一個(gè)能將多個(gè)終端連接到單個(gè)終端會(huì)話的工具。

Tmux允許用戶在終端中的程序之間切換，添加屏幕窗格，并將多個(gè)終端連接到同一個(gè)會(huì)話，使其保持同步。在遠(yuǎn)程服務(wù)器上工作時(shí)，Tmux 特別有用，因?yàn)樗试S用戶創(chuàng)建新的選項(xiàng)卡，而無需再次登錄。

6、du

du命令用于生成關(guān)于文件和目錄的空間使用情況的報(bào)告。du很容易使用，可以遞歸地運(yùn)行，遍歷每個(gè)子目錄并返回每個(gè)文件的大小。

du 的常見用例是：當(dāng)某個(gè)驅(qū)動(dòng)器的空間不足，用戶不清楚每個(gè)存儲(chǔ)器的大小。使用此命令可以快速查看每個(gè)文件夾所占用的存儲(chǔ)空間，從而找到占用*空間的存儲(chǔ)器。

7、AUI

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

8、Amaze UI

這是稱為妹子UI的開源框架，據(jù)稱是**開源HTML5跨屏前端框架。妹子UI以移動(dòng)優(yōu)先為理念，從小屏逐漸到大屏，實(shí)現(xiàn)響應(yīng)式網(wǎng)頁(yè)。Amaze UI包含20+個(gè)CSS組件、20+個(gè)JS組件，更有多個(gè)包含不同主題的Web組件。相比國(guó)外框架，妹子UI關(guān)注中文排版提供本地化支持。面向HTML5開發(fā)，使用CSS3來實(shí)現(xiàn)動(dòng)畫交互，輕量級(jí)高性能。

9、Frozen UI

Frozen UI是一款開源，簡(jiǎn)單易用，輕量敏捷的移動(dòng)端框架?；谑諵樣式規(guī)范，目前全面應(yīng)用于企鵝手Q增值業(yè)務(wù)中?；A(chǔ)樣式效果簡(jiǎn)單色調(diào)清爽，社區(qū)活躍，組件自然不少。包括按鈕、列表、表單、通知、提示條、彈出框、選項(xiàng)卡等等常用組件。還包括一個(gè)FrozenJs的JS組件庫(kù)?？梢栽谥髁鞯腁ndroid和IOS上應(yīng)用?；緲邮绞褂秒x線包的方式減少請(qǐng)求提供快速接入方案。當(dāng)然，根據(jù)網(wǎng)友反映，也存在大大小小的bug。不過總體來說，還是值得一用的。奇怪的是，Github上顯示的*更新時(shí)間是一年前，難道已經(jīng)沒人維護(hù)了嗎？

# 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 and shows the total size of a folder.# The star wildcard (*) will run du on each file/folder in current directory.du -sh *1.2G Desktop4.0K .0K Music4.9M Public4.0K .9M Videos

還有一個(gè)相似的命令 df（Disk Free），使用df會(huì)返回有關(guān)可用磁盤空間的各種信息。

Web前端開發(fā)必備的開源框架有哪些

今天小編要跟大家分享的文章是關(guān)于Web前端開發(fā)必備的開源框架有哪些。大多數(shù)人想到Web開發(fā)時(shí)，通常會(huì)想到HTML或，往往忽略了CSS，根據(jù)Wikipedia的說法，CSS既是網(wǎng)頁(yè)中最重要也是最常被遺忘的部分之一，盡管它是萬維網(wǎng)的三大基礎(chǔ)技術(shù)之一。

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

1、Bootstrap

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

使用Bootstrap，你可以將不同的組件和布局組合在一起，從而創(chuàng)建有趣的頁(yè)面設(shè)計(jì)。它還提供了大量詳細(xì)的文檔。目前在Github上已經(jīng)有1100多個(gè)貢獻(xiàn)者，19000多個(gè)提交。(Github地址： iframe
apps和設(shè)計(jì)相同的功能。包含用于所有標(biāo)準(zhǔn)組件的基本的CSS和HTML，包括排版、表單、按鈕、表格、柵格、導(dǎo)航等等，風(fēng)格與Facebook類似。
3、BootMetro
BootMetro框架的靈感來自于Metro UI CSS，基于Bootstrap 框架構(gòu)建，用于創(chuàng)建Windows 8
的Metro風(fēng)格的網(wǎng)站。包括所有Bootstrap的功能，并添加了幾個(gè)額外的功能，比如頁(yè)面平鋪，應(yīng)用程序欄等等。

現(xiàn)在不少針對(duì)移動(dòng)端的WEB前端UI框架，有沒有針對(duì)PC端的web前端UI框架，bootstarp除外，請(qǐng)大神們介紹幾款

Bootstrap是由Twitter在2011年8月推出的開源WEB前端框架，集合CSS和HTML，使用了*的瀏覽器技術(shù)，為快速WEB開發(fā)提供了一套前端工具包，包括布局、網(wǎng)格、表格、按鈕、表單、導(dǎo)航、提示，其核心就是基于Less框架構(gòu)建的CSS。Bootstrap框架擁有美觀的樣式和封裝完善的JQ插件，使用方便，基于Bootstrap的擴(kuò)展也很多，這是其他框架所無法比擬的，也是其*的條件之一。
宣稱是世界*的響應(yīng)式前端框架，默認(rèn)支持5種網(wǎng)格布局，是三款框架中最復(fù)雜也是最靈活的。Bootstrap默認(rèn)支持四種網(wǎng)格布局，Pure默認(rèn)支持一種。
Semantic UI是語義化設(shè)計(jì)的前端框架，開發(fā)更加直觀，UI組建可實(shí)時(shí)調(diào)試輸出，其*的特點(diǎn)是充分利用CSS3動(dòng)畫特效，簡(jiǎn)潔實(shí)用漂亮的樣式。
以上各種產(chǎn)品我們也用過，當(dāng)時(shí)我們發(fā)現(xiàn)全球有將近6%的網(wǎng)站是基于Bootstrap做的。不過對(duì)于*開發(fā)者來說，Bootstrap門檻仍然較高，而且本土化支持不夠好。
首先，Bootstrap只支持英文字體，并沒有對(duì)中文字體做設(shè)置。在不同操作系統(tǒng)、不同瀏覽器下，默認(rèn)的中文字體可能是不一樣的，這樣會(huì)導(dǎo)致網(wǎng)頁(yè)在某些時(shí)候顯示得不太好看。而且英文字號(hào)和中文字號(hào)的大小也不一樣，直接用Bootstrap來做文字排版并不能達(dá)到*的效果。另外，國(guó)內(nèi)瀏覽器種類繁多，Bootstrap也無法照顧到對(duì)國(guó)內(nèi)瀏覽器的支持，我們希望不斷加強(qiáng)對(duì)各種本土瀏覽器的支持，幫助廣大前端開發(fā)者從最繁瑣痛苦的瀏覽器性問題中解脫出來。其次，Bootstrap還沒有把重點(diǎn)放在豐富界面組件上，而Amaze
UI非常注重提高開發(fā)者的效率，我們會(huì)不斷增加跨屏的界面組件，讓開發(fā)者盡量少些代碼。第三，Bootstrap
因?yàn)樽钤缡菑腜C端開始做的，所以有些地方是先PC后移動(dòng)，而Amaze UI的思路是先移動(dòng)后PC。例如，Bootstrap使用了jQuery庫(kù)，而Amaze
UI使用了Zepto.js，Zepto.js的體積不到j(luò)Query的1/3，對(duì)移動(dòng)端的性能很大提升。因此，一個(gè)針對(duì)*市場(chǎng)的、移動(dòng)優(yōu)先的跨屏前端開發(fā)框架開發(fā)者有很強(qiáng)的需求，也是一個(gè)行業(yè)的空白。

北京web前端培訓(xùn)，三大框架去選那個(gè)？

五花八門的Web前端框架到底選擇哪個(gè)好呢？本文詳細(xì)的列舉現(xiàn)在流行的幾款Web前端框架以及使用框架的優(yōu)缺點(diǎn)。一起來看看吧！

1、框架的優(yōu)缺點(diǎn)

項(xiàng)目開發(fā)中是否采用框架仍然存在著一定的爭(zhēng)議，對(duì)于技術(shù)能力深厚、有著豐富經(jīng)驗(yàn)的人來說，自然是不在話下。但是如果是一個(gè)團(tuán)體，要保證所有人都有這種水平，不太現(xiàn)實(shí)。那么用或不用框架的優(yōu)勢(shì)和劣勢(shì)有哪些呢？

優(yōu)點(diǎn)：

1. 減少自己編寫代碼帶來的各種bug；

2. 大大節(jié)約考慮功能邏輯、實(shí)現(xiàn)方式上的時(shí)間，可以更多的把精力放在業(yè)務(wù)和產(chǎn)品上面；

3. 避免很多自行編寫所要出創(chuàng)建的文檔說明所導(dǎo)致的別人不易看懂問題；

4. 框架相當(dāng)于一個(gè)較為完美的解決方案，大大節(jié)約了時(shí)間、人力

5. 縮短開發(fā)周期

缺點(diǎn)：

框架的成本太高，一個(gè)成熟的框架學(xué)習(xí)起來需要一定的時(shí)間和精力，學(xué)習(xí)曲線也比較陡峭。而對(duì)于使用者來說需要不斷關(guān)注其更新和迭代，這又會(huì)涉及到項(xiàng)目遷移問題，帶來種種麻煩。貌似這一點(diǎn)就快秒殺前面的優(yōu)點(diǎn)了啊。

2、現(xiàn)在流行的Web前端框架有哪些？

React：它*優(yōu)勢(shì)在于它們相對(duì)簡(jiǎn)單和專注。做一件事情并把它做好是非常困難的，但這個(gè)庫(kù)很有效地完成了它的目標(biāo)。雖然對(duì)于某些狀態(tài)容器方法可能是外部的，但大多數(shù)開發(fā)人員還是可以輕松掌握概念，并了解單向數(shù)據(jù)體系結(jié)構(gòu)的好處，簡(jiǎn)化大量的用戶界面應(yīng)用程序

Angular：對(duì)于用戶來說它有一套用于構(gòu)建用戶界面的豐富組件，這也是本系列中少有的幾個(gè)框架能夠做到這點(diǎn)。

Vue：漸進(jìn)式構(gòu)建能力是vue.js*的優(yōu)勢(shì)，vue有一個(gè)簡(jiǎn)潔而且合理的架構(gòu)，使得它易于理解和構(gòu)建。

vue有一個(gè)強(qiáng)大的充滿激情人群的社區(qū)，這為vue.js增加了巨大的價(jià)值，使得為一個(gè)空白項(xiàng)目創(chuàng)建一個(gè)綜合的解決方案變得十分容易。

3、開發(fā)者對(duì)待框架的態(tài)度

對(duì)于開發(fā)者來說，我們使用框架的時(shí)候可以多分析原生的代碼，并嘗試自己封裝一些類似的庫(kù)，更要時(shí)刻跟上框架的更新；而對(duì)于管理者來說，特點(diǎn)列表只是決定的一方面，有時(shí)候并不是越多越好。挑戰(zhàn)你自己活著你的團(tuán)隊(duì)使用一個(gè)整體的框架，但是首先，列出對(duì)你和你的組織重要的列表，尤其是那些技術(shù)之外特點(diǎn)。*，希望本文對(duì)Web前端框架的選擇有一定幫助和參考價(jià)值。

web前端開源框架有哪些

目前常用的一些開源前端的框架如下：
1. Bootstrap
Boostrap絕對(duì)是目前*用得最廣泛的一款框架。它是一套優(yōu)美，直觀并且給力的web設(shè)計(jì)工具包，可以用來開發(fā)跨瀏覽器兼容并且美觀大氣的頁(yè)面。它提供了很多流行的樣式簡(jiǎn)潔的UI組件，柵格系統(tǒng)以及一些常用的插件。
Bootstrap是用動(dòng)態(tài)語言LESS寫的，主要包括四部分的內(nèi)容：
腳手架——全局樣式，響應(yīng)式的12列柵格布局系統(tǒng)。記住Bootstrap在默認(rèn)情況下并不包括響應(yīng)式布局的功能。因此，如果你的設(shè)計(jì)需要實(shí)現(xiàn)響應(yīng)式布局，那么你需要手動(dòng)開啟這項(xiàng)功能。
基礎(chǔ)CSS——包括基礎(chǔ)的HTML頁(yè)面要素，比如表格(table)，表單(form)，按鈕(button)，以及圖片(image)，基礎(chǔ)CSS為這些要素提供了優(yōu)雅，一致的多種樣式。
組件——收集了大量可以重用的組件，如下拉菜單（dropdowns），按鈕組（button groups），導(dǎo)航面板（ control）——包括：tabs,pills,lists標(biāo)簽，面包屑導(dǎo)航（）以及頁(yè)碼（），縮略圖()，進(jìn)度條（progress bars），媒體對(duì)象（media objects）等等。
——包括一系列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)行開發(fā)，很多工具和資源可以用來配合使用，下面列舉了其中的一部分工具和資源。
jQuery UI Bootstrap —— 對(duì)于jQuery和Bootstrap愛好者來說這是個(gè)非常好的資源，能夠把 Bootstrap的清爽界面組件引入到j(luò)Query UI中。
jQuery Mobile Bootstrap Theme —— 和上面提到的jQuery UI主題類似，這是一個(gè)為jQuery mobile建立的主題。如果你想讓用Bootstrap開發(fā)的網(wǎng)站在手機(jī)端也可以優(yōu)雅訪問，那么這個(gè)資源對(duì)你來說很方便易用。
Fuel UX —— 它為Bootstrap添加了一些輕量的控件。Fuel UI 安裝，修改，更新以及優(yōu)化都很簡(jiǎn)單方便。
.info —— Bootstrap提供了自己的幾種界面風(fēng)格，提供了更多的配色選項(xiàng)，并且你可以給每個(gè)組件都應(yīng)用不同的配色。
—— 利用這個(gè)工具你可以立刻查看主題修改后的效果。對(duì)于每一次變動(dòng)的效果，這個(gè)應(yīng)用都會(huì)生成一個(gè)*的URL方便你與他人分享，你也可以在任意時(shí)刻修改你的主題。
—— 提供大量免費(fèi)的Bootstrap主題。
Bootsnipp —— 在線前端框架交互組件制作工具，是一個(gè)供給設(shè)計(jì)師和開發(fā)者的基于Bootstrap HTML/CSS/ 架構(gòu)的免費(fèi)元素。
LayoutIt —— 通過界面拖放生成器簡(jiǎn)便快捷地創(chuàng)建基于Bootstrap的前端代碼。通過拖放動(dòng)作將Bootstrap風(fēng)格的組件加入到你的個(gè)人設(shè)計(jì)里并且可以方便地修改他們的屬性，簡(jiǎn)單便捷。
2、flex
Apache基金會(huì)發(fā)布了Flex 4.8版本，這是Adobe將Flex捐獻(xiàn)給Apache基金會(huì)后發(fā)布的*個(gè)版本
需要注意的是
2014年03月10日，Apache Flex技術(shù)社區(qū)發(fā)布了全新的Apache Flex 4.12.0版本，該版本是Apache Flex 4.11.0的升級(jí)版本，改進(jìn)的功能包括：
◆支持*版本的Flash Player
◆支持*的AIR運(yùn)行時(shí)
◆改進(jìn)了內(nèi)存占用和性能
◆改善了針對(duì)移動(dòng)平臺(tái)的組件的樣式
◆支持iOS7系統(tǒng)
◆修復(fù)了超過80個(gè)漏洞[4]
2014年05月10日，Apache對(duì)4.12.0版本進(jìn)行優(yōu)化改進(jìn)，發(fā)布了Flex 4.12.1，新版本加入對(duì)全新Flash Player及Air運(yùn)行時(shí)的支持，改進(jìn)對(duì)移動(dòng)媒體查詢的支持，并修復(fù)20多個(gè)Bug。
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、jQuery UI
jQuery UI 是一套 jQuery 的頁(yè)面 UI 插件，包含很多種常用的頁(yè)面空間，例如 Tabs（如本站首頁(yè)右上角部分）、拉簾效果（本站首頁(yè)左上角）、對(duì)話框、拖放效果、日期選擇、顏色選擇、數(shù)據(jù)排序、窗體大小調(diào)整等等非常多的內(nèi)容。
功能非常全面，界面也挺漂亮的，可以整體使用，也可以分開使用其中的幾個(gè)模塊，免費(fèi)開源！
5、DWZ
DWZ富客戶端框架(jQuery RIA framework), 是*人自己開發(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)的，支持一下，而且源碼完全公開，可以選擇一下！不過性能怎么樣不敢確定！
6、GWT
Google 網(wǎng)頁(yè)工具包——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ā)過程中。
你不用去了解這樣那樣的框架，通過java你就可以寫出功能豐富的界面，可以做單元測(cè)試，畢竟是google的產(chǎn)品，嚴(yán)重支持一下！
7、YUI
Yahoo! UI Library (YUI) 是一個(gè)開放源代碼的函數(shù)庫(kù)，為了能建立一個(gè)高互動(dòng)的網(wǎng)頁(yè)，它采用了AJAX, DHTML 和 DOM 等程式碼技術(shù)。它也包含了許多 CSS 資源。使用授權(quán)為 BSD許可證，基本上沒怎么研究過！
YUI 倒是挺出名的，這套UI庫(kù)不知道應(yīng)用的情況怎么樣！
10、Sencha
Sencha 是由 ExtJS、jQTouch 以及 Raphael 三個(gè)項(xiàng)目合并而成的一個(gè)新項(xiàng)目。
大公司的框架，并且是幾樣庫(kù)的強(qiáng)強(qiáng)聯(lián)合，值得推薦！
8、Dojo
在國(guó)內(nèi)應(yīng)用好像不是很廣，不過性能上應(yīng)該沒問題。
Dojo是一個(gè)用語言實(shí)現(xiàn)的開源DHTML工具包。
有多個(gè)基金會(huì)的支持，包括IBM和SUN，都是軟件界的泰斗，值得信賴！
9、ZK
ZK是一套以 AJAX/XUL/Java 為基礎(chǔ)的網(wǎng)頁(yè)應(yīng)用程式開發(fā)框架，用于豐富網(wǎng)頁(yè)應(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- Markup Language (ZUML)。
功能豐富，全面，文檔齊全，而且升級(jí)了很多次，非常值得推薦！
10、-UI
- UI是團(tuán)隊(duì) 2011下半年打造的一款輕量級(jí)前端JS組件庫(kù)，旨在提供一款學(xué)習(xí)曲線低、定制性靈活、樣式統(tǒng)一，且多瀏覽器支持、覆蓋企業(yè)業(yè)務(wù)場(chǎng)景的前端 UI組件庫(kù)。目前，該團(tuán)隊(duì)已將這一產(chǎn)品以LGPL 開源協(xié)議開放給社區(qū)。
文檔豐富，功能齊全，而且很容易使用和開發(fā)！而且是國(guó)產(chǎn)的喲！
11、JavaFX
Sun 公司(已于2009年被Oracle公司收購(gòu))在2008年12月05日發(fā)布了JavaFX技術(shù)的正式版,它使您能利用 JavaFX 編程語言開發(fā)富互聯(lián)網(wǎng)應(yīng)用程序(RIA)。JavaFX Script 編程語言（以下稱為JavaFX）是Sun微系統(tǒng)公司開發(fā)的一種, 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>

前端常用的框架有哪些？

一、 Web前端框架之Angular 2+
Angular 2+優(yōu)點(diǎn)解析：
Angular 2+ 的*優(yōu)勢(shì)在于它的流行程度。也有人認(rèn)為它和 Google 密切相關(guān)的名字，會(huì)影響團(tuán)隊(duì)使用它。Angular 1 的迅速流行是因?yàn)槟切﹣碜云渌换ナ綉?yīng)用程序開發(fā)環(huán)境的人會(huì)發(fā)現(xiàn)對(duì)于開發(fā)單頁(yè)面 Web 應(yīng)用程序具有相似的模型-視圖模式。通過對(duì) Angular 1 進(jìn)行現(xiàn)代化演變和重新構(gòu)建框架的某些部分，Angular 2+ 已經(jīng)真正的爆發(fā)了，大量的正式的和非正式培訓(xùn)機(jī)構(gòu)數(shù)量都讓人印象深刻，開發(fā)者有很強(qiáng)的市場(chǎng)競(jìng)爭(zhēng)力。對(duì)于用戶來說它有一套用于構(gòu)建用戶界面的豐富組件，這也是本系列中少有的幾個(gè)框架能夠做到這點(diǎn)。
缺點(diǎn)解析：
我們覺得 Angular 框架著重于在單個(gè)頁(yè)面應(yīng)用程序中創(chuàng)建用戶界面并沒有處理構(gòu)建完整的 Web 應(yīng)用這個(gè)更大的關(guān)注點(diǎn)，如果不及早確定下來，這將會(huì)導(dǎo)致整個(gè)項(xiàng)目難以維護(hù)，在實(shí)際項(xiàng)目中，運(yùn)行時(shí)提供不屬于核心框架的技術(shù)往往讓人覺得不可思議，這大大降低了對(duì)最終開發(fā)者的價(jià)值。
發(fā)展方向：
Angular 5 剛剛發(fā)布，這看來是 Angular 已經(jīng)成功的印證了快速發(fā)布版本的承諾，在 Google 的持續(xù)支持下，Angular 會(huì)越來越成熟。
像許多的大型組織一樣，Google 具有多重(分裂)的人格，從外表上看，Angular 團(tuán)隊(duì)和那些專注于瀏覽器標(biāo)準(zhǔn)的團(tuán)隊(duì)之間顯得很和諧。但我們的觀點(diǎn)是，和諧只是一層薄薄的窗戶紙。Angular 團(tuán)隊(duì)對(duì)于 Web 組件和漸進(jìn)式 Web 應(yīng)用沒有一個(gè)真正解決方案。我們認(rèn)為，業(yè)界普遍認(rèn)可的標(biāo)準(zhǔn)將會(huì)在 Angular 框架中會(huì)逐步實(shí)現(xiàn)，這將會(huì)影響到如何更好的構(gòu)建 Angular 應(yīng)用將成為一個(gè)中/長(zhǎng)期的風(fēng)險(xiǎn)。
使用環(huán)境：
如果你需要在一個(gè)大型的框架內(nèi)獲取技術(shù)資源，框架內(nèi)的技術(shù)通常很容易移植;或者你需要在框架中訓(xùn)練開發(fā)人員，并且還要有一定的信心，他們會(huì)在短期內(nèi)獲得一定的開發(fā)能力，這樣的話你可以考慮 Angular 2+ 。需要注意的是 Angular1(angular.js)與 Angular2+ 是截然不同的，其中的應(yīng)用、技術(shù)和經(jīng)驗(yàn)不能直接移植到 Angular2+ 的開發(fā)中去。
如果你的 Web 應(yīng)用能夠很好的轉(zhuǎn)化為標(biāo)準(zhǔn)的模型-視圖模式，那么你也可以忽略其他直接考慮使用 Angular2+ 。
如果你對(duì) Google Material UX 設(shè)計(jì)模式滿意，那么 Material Angular 是遵循該模式的一種快速、簡(jiǎn)單且可靠的方式。
二、Web前端框架之React + Redux
React + Redux優(yōu)勢(shì)解析：
React 和 Redux 的*優(yōu)勢(shì)在于它們相對(duì)簡(jiǎn)單和專注。做一件事情并把它做好是非常困難的，但這兩個(gè)庫(kù)都很有效地完成了它們的目標(biāo)。雖然對(duì)于某些狀態(tài)容器方法可能是外部的，但大多數(shù)開發(fā)人員還是可以輕松掌握概念，并了解單向數(shù)據(jù)體系結(jié)構(gòu)的好處，簡(jiǎn)化大量的用戶界面應(yīng)用程序。
缺點(diǎn)解析：
React 和 Redux *的弱點(diǎn)不是它們是什么，而是它們不是什么。要構(gòu)建一個(gè)功能豐富的 Web 應(yīng)用程序，你需要許多功能，一旦脫離 React 和 Redux 和其他一些庫(kù)的核心，你將發(fā)現(xiàn)一個(gè)非常分散的社區(qū)，擁有無數(shù)的解決方案和模式，不容易整合在一起。
因此，雖然 React 和 Redux 都是非常專注的庫(kù)，但缺乏經(jīng)驗(yàn)的團(tuán)隊(duì)還是會(huì)很容易地生成不可維護(hù)的解決方案，而不是意識(shí)到他們所做的選擇會(huì)導(dǎo)致性能不佳或錯(cuò)誤。即使有經(jīng)驗(yàn)的開發(fā)人員也可能意識(shí)到，一個(gè)松散的架構(gòu)或慣例可能會(huì)在未來困擾他們。
假省錢是一種對(duì)自己的欺騙，組織范圍內(nèi)采用 React 和 Redux 將輕松降低無效率問題。沒有其他庫(kù)和模式的廣泛約定和標(biāo)準(zhǔn)化，標(biāo)準(zhǔn)化 React + Redux 比較于我們正在采用的來編寫我們的應(yīng)用程序效率要高。
發(fā)展方向：
Facebook 和 React 最近從繁瑣的附加專利糾紛中抽離，他們認(rèn)識(shí)到，就像其他項(xiàng)目一樣，更廣泛的社區(qū)能夠提高自己的聲音。我覺得這有助于 Facebook 意識(shí)到他們還不能更好地了解我們，相信我們來引導(dǎo)項(xiàng)目。希望這將繼續(xù)貫穿項(xiàng)目的特點(diǎn)和技術(shù)方向。
很難預(yù)測(cè) React 和 Redux 的未來。但是，將庫(kù)集中在一起，確實(shí)會(huì)顯著提高適應(yīng)性，大多數(shù)React + Redux 模式都會(huì)促進(jìn)一個(gè)分離的體系結(jié)構(gòu)，從而可以輕松地進(jìn)行重構(gòu)和迭代。兩年前，大家喜歡的還是React + Flux，但整個(gè)社區(qū)很快就擁抱了Redux。思維或模式的其他重大轉(zhuǎn)變可能很容易被采納。這種關(guān)鍵能力可能會(huì)持續(xù)到未來。
使用環(huán)境：
如果你很少需要手把手指導(dǎo)，并且正在尋找更好的庫(kù)而不是全面的框架，那么 React + Redux 可能是正確的。在這一過程中，你不僅需要對(duì)你的團(tuán)隊(duì)和組織的能力保持誠(chéng)實(shí)，還要在你的初始開發(fā)過程中，以及在整個(gè)應(yīng)用程序的長(zhǎng)期維護(hù)過程中保持誠(chéng)實(shí)。
三、Web前端框架之Vue.js
vue.js優(yōu)勢(shì)介紹：
漸進(jìn)式構(gòu)建能力是vue.js*的優(yōu)勢(shì)，vue 有一個(gè)簡(jiǎn)潔而且合理的架構(gòu)，使得它易于理解和構(gòu)建。
vue 有一個(gè)強(qiáng)大的充滿激情人群的社區(qū)，這為vue.js增加了巨大的價(jià)值，使得為一個(gè)空白項(xiàng)目創(chuàng)建一個(gè)綜合的解決方案變得十分容易。
缺點(diǎn)介紹：
在模型-視圖應(yīng)用程序和狀態(tài)容器類型的應(yīng)用程序之間的互相轉(zhuǎn)換可能會(huì)令人感到困惑，即使沒有完美包含一個(gè)模式到另一個(gè)模式的完美轉(zhuǎn)換，但讓人感覺希望能維持兩個(gè)模式的相關(guān)性。對(duì)于那些期待vue.js完美解決方案，并可能導(dǎo)致難以維護(hù)不一致的應(yīng)用程序的人來說，這至少是令人困惑的。
一個(gè)更大的挑戰(zhàn)是vue.js依賴于一個(gè)單獨(dú)的人，很明顯，其他的項(xiàng)目基本是由一個(gè)組織提供支持，但這讓人感覺更加有意義，雖然它有一個(gè)強(qiáng)大文件的社區(qū)和許多有創(chuàng)新的新增項(xiàng)目，但是 vue 核心的開發(fā)基本落在一個(gè)人身上。
我們很高興看到 vue 更加容易接受新興的標(biāo)準(zhǔn)方法，但是它的類似于 Web 組件的模式，而不是真正的 Web 組件，這可能是 vue 所得不償失的地方。
發(fā)展前景：
雖然vue.js有相當(dāng)廣泛的應(yīng)用，但也很難預(yù)測(cè)在中期發(fā)展中這個(gè)勢(shì)頭能持續(xù)多久，它不是由一個(gè)商業(yè)組織直接支持并維護(hù)，因此，這很大程度上依賴于維護(hù)者的生存能力和繼續(xù)維護(hù)下去的愿望來決定。
它也表現(xiàn)出了一定程度的語言適應(yīng)能力，并且隨著某些模式的落伍和失寵而繼續(xù)保持自身語言的現(xiàn)代化和時(shí)代性，目前沒有跡象表明vue.js架構(gòu)將來無法適應(yīng)進(jìn)一步發(fā)展。
使用場(chǎng)景：
如果你有一個(gè)傳統(tǒng)的Web應(yīng)用程序，并需要一個(gè)強(qiáng)壯穩(wěn)健的應(yīng)用程序?qū)?，那么vue.js 可能是一個(gè)很好的選擇，它有清晰的模式，即使沒有經(jīng)驗(yàn)的團(tuán)隊(duì)也能正確或者錯(cuò)誤的使用它。盡管vue UX框架沒有開箱即用的功能，但在vue.js上也能大量持續(xù)性構(gòu)建應(yīng)用，這將有利于你的項(xiàng)目。