常用的UI框架有哪些?

1、Pure也是一款很出色的CSS框架，Pure是來自雅虎的。盡管從UI界面效果上來說，Pure沒有Bootstrap那樣精美，但Pure是純CSS實(shí)現(xiàn)的，因此非常小巧，整個(gè)框架壓縮后只有7k左右。

成都創(chuàng)新互聯(lián)公司專業(yè)為企業(yè)提供下城網(wǎng)站建設(shè)、下城做網(wǎng)站、下城網(wǎng)站設(shè)計(jì)、下城網(wǎng)站制作等企業(yè)網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計(jì)與制作、下城企業(yè)網(wǎng)站模板建站服務(wù)，10多年下城做網(wǎng)站經(jīng)驗(yàn)，不只是建網(wǎng)站，更提供有價(jià)值的思路和整體網(wǎng)絡(luò)服務(wù)。

2、前端ui框架有：適合移動(dòng)端的UI框架(Mint UI、SUI Mobile、Weui等)，適合PC 端的UI框架(iView、Element UI、SUI、H-ui等)，適合混合開發(fā)的UI框架(ionic、Framework7等)，以下是具體的內(nèi)容介紹。

3、Flutter 是谷歌的移動(dòng)端 UI 框架，可在極短的時(shí)間內(nèi)構(gòu)建 Android 和 iOS 上高質(zhì)量的原生級(jí)應(yīng)用。

4、KendoUI KendoUI是Telerik開發(fā)的基于jQueryHTML5的UI框架，開發(fā)面向桌面、移動(dòng)設(shè)備的應(yīng)用程序。Web，KendoUIMobile和KendoUI DataViz三個(gè)版本。

5、那應(yīng)該是jQuery，有部分UI框架都是根據(jù)jQuery研發(fā)出來的產(chǎn)品，現(xiàn)在也很常見了。

6、AmazeUI是輕量級(jí)的前端應(yīng)用框架，是國(guó)內(nèi)比較流行的框架，比較適用于移動(dòng)端響應(yīng)式開發(fā)框架，可以按照項(xiàng)目要求生成專屬的UI框架庫(kù)進(jìn)行使用，組件非常豐富，可以構(gòu)建出漂亮的web頁面。

7大優(yōu)秀的JavaScript庫(kù)?

ReactJS(Star：59989，F(xiàn)ork：10992)React.js(React)是一個(gè)用來構(gòu)建用戶界面的JavaScript庫(kù)，主要用于構(gòu)建UI，很多人認(rèn)為React是MVC中的V(視圖)。React起源于Facebook的內(nèi)部項(xiàng)目，用來架設(shè)Instagram的網(wǎng)站，并于2013年5月開源。

)MeteorMeteor是另一個(gè)可以幫助你開發(fā)交互式移動(dòng)應(yīng)用的JavaScript框架。Meteor不僅允許你使用JavaScript代碼來開發(fā)移動(dòng)App，而且可以讓你能夠?qū)δ愕腁pp進(jìn)行持續(xù)的監(jiān)測(cè)及控制。

MooTools MooTools 也是一個(gè)框架，提供了可使常見的 JavaScript 程式設(shè)計(jì)更為簡(jiǎn)單的 API。 MooTools 也含有一些輕量級(jí)的效果和動(dòng)畫函式。

下面詳細(xì)學(xué)習(xí)一下jquery吧。jQuery是一個(gè)快速、簡(jiǎn)潔的JavaScript框架，是繼Prototype之后又一個(gè)優(yōu)秀的JavaScript代碼庫(kù)。

怎么用jQuery/HTML/Div+CSS按瀏覽器屏幕大小自適應(yīng)布局?

首先創(chuàng)建或者打開我們的web項(xiàng)目，新建一個(gè)html文件和css文件即可，如圖所示。html頁面代碼如圖所示，定義一個(gè)div，然后給一個(gè)id屬性即可。

最后，通過設(shè)置元素的寬度和高度為百分比值（例如 50%），使其相對(duì)于父級(jí)元素的大小進(jìn)行縮放。這樣，當(dāng)瀏覽器窗口縮放時(shí)，元素的位置和大小將根據(jù)父級(jí)元素的大小進(jìn)行自適應(yīng)調(diào)整。

圖片自適應(yīng)，且不超過原始大小，需要設(shè)置最大寬度，代碼如下：img{ width：100%； max-width：100%；}。

即網(wǎng)頁初始大小占屏幕面積的100%。所有主流瀏覽器都支持這個(gè)設(shè)置，包括IE9。對(duì)于那些老式瀏覽器（主要是IE8），需要使用css3-.js。

瀑布流布局jquery特效代碼怎么用

，分別下載 jQuery 與 Masonry ，然后把他們都加載到頁面中使用。加載代碼： 解釋：很簡(jiǎn)單，就是把下載之后的腳本文件嵌入到你想使用瀑布流形式的頁面中，注意文件的名稱與路徑，根據(jù)你自己的實(shí)際情況修改。

在上述代碼中，通過設(shè)置容器元素（.container）的 display 屬性為 flex，可以開啟彈性布局模式，然后設(shè)置 flex-wrap 屬性為 wrap，使子元素在容器內(nèi)自動(dòng)換行。

一起跟隨小編過來看看吧以前使用瀑布流都要用js，現(xiàn)在有了css3，可以輕松實(shí)現(xiàn)了。