1、Pure也是一款很出色的CSS框架,Pure是來自雅虎的。盡管從UI界面效果上來說,Pure沒有Bootstrap那樣精美,但Pure是純CSS實(shí)現(xiàn)的,因此非常小巧,整個框架壓縮后只有7k左右。
成都創(chuàng)新互聯(lián)公司專業(yè)為企業(yè)提供下城網(wǎng)站建設(shè)、下城做網(wǎng)站、下城網(wǎng)站設(shè)計、下城網(wǎng)站制作等企業(yè)網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計與制作、下城企業(yè)網(wǎng)站模板建站服務(wù),10多年下城做網(wǎng)站經(jīng)驗(yàn),不只是建網(wǎng)站,更提供有價值的思路和整體網(wǎng)絡(luò)服務(wù)。
2、前端ui框架有:適合移動端的UI框架(Mint UI、SUI Mobile、Weui等),適合PC 端的UI框架(iView、Element UI、SUI、H-ui等),適合混合開發(fā)的UI框架(ionic、Framework7等),以下是具體的內(nèi)容介紹。
3、Flutter 是谷歌的移動端 UI 框架,可在極短的時間內(nèi)構(gòu)建 Android 和 iOS 上高質(zhì)量的原生級應(yīng)用。
4、KendoUI KendoUI是Telerik開發(fā)的基于jQueryHTML5的UI框架,開發(fā)面向桌面、移動設(shè)備的應(yīng)用程序。Web,KendoUIMobile和KendoUI DataViz三個版本。
5、那應(yīng)該是jQuery,有部分UI框架都是根據(jù)jQuery研發(fā)出來的產(chǎn)品,現(xiàn)在也很常見了。
6、AmazeUI是輕量級的前端應(yīng)用框架,是國內(nèi)比較流行的框架,比較適用于移動端響應(yīng)式開發(fā)框架,可以按照項(xiàng)目要求生成專屬的UI框架庫進(jìn)行使用,組件非常豐富,可以構(gòu)建出漂亮的web頁面。
ReactJS(Star:59989,F(xiàn)ork:10992)React.js(React)是一個用來構(gòu)建用戶界面的JavaScript庫,主要用于構(gòu)建UI,很多人認(rèn)為React是MVC中的V(視圖)。React起源于Facebook的內(nèi)部項(xiàng)目,用來架設(shè)Instagram的網(wǎng)站,并于2013年5月開源。
)MeteorMeteor是另一個可以幫助你開發(fā)交互式移動應(yīng)用的JavaScript框架。Meteor不僅允許你使用JavaScript代碼來開發(fā)移動App,而且可以讓你能夠?qū)δ愕腁pp進(jìn)行持續(xù)的監(jiān)測及控制。
MooTools MooTools 也是一個框架,提供了可使常見的 JavaScript 程式設(shè)計更為簡單的 API。 MooTools 也含有一些輕量級的效果和動畫函式。
下面詳細(xì)學(xué)習(xí)一下jquery吧。jQuery是一個快速、簡潔的JavaScript框架,是繼Prototype之后又一個優(yōu)秀的JavaScript代碼庫。
首先創(chuàng)建或者打開我們的web項(xiàng)目,新建一個html文件和css文件即可,如圖所示。html頁面代碼如圖所示,定義一個div,然后給一個id屬性即可。
最后,通過設(shè)置元素的寬度和高度為百分比值(例如 50%),使其相對于父級元素的大小進(jìn)行縮放。這樣,當(dāng)瀏覽器窗口縮放時,元素的位置和大小將根據(jù)父級元素的大小進(jìn)行自適應(yīng)調(diào)整。
圖片自適應(yīng),且不超過原始大小,需要設(shè)置最大寬度,代碼如下:img{ width:100%; max-width:100%;}。
即網(wǎng)頁初始大小占屏幕面積的100%。所有主流瀏覽器都支持這個設(shè)置,包括IE9。對于那些老式瀏覽器(主要是IE8),需要使用css3-.js。
,分別下載 jQuery 與 Masonry ,然后把他們都加載到頁面中使用。加載代碼: 解釋:很簡單,就是把下載之后的腳本文件嵌入到你想使用瀑布流形式的頁面中,注意文件的名稱與路徑,根據(jù)你自己的實(shí)際情況修改。
在上述代碼中,通過設(shè)置容器元素(.container)的 display 屬性為 flex,可以開啟彈性布局模式,然后設(shè)置 flex-wrap 屬性為 wrap,使子元素在容器內(nèi)自動換行。
一起跟隨小編過來看看吧以前使用瀑布流都要用js,現(xiàn)在有了css3,可以輕松實(shí)現(xiàn)了。
文章題目:jquery布局組件 jquery布局插件
本文來源:http://jinyejixie.com/article29/dgpdsjh.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供品牌網(wǎng)站制作、網(wǎng)站建設(shè)、App開發(fā)、App設(shè)計、網(wǎng)站營銷、自適應(yīng)網(wǎng)站
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)