layui動態(tài)添加可編輯表格 layui前端框架表格如何進(jìn)行屏幕適配?
layui前端框架表格如何進(jìn)行屏幕適配?回答:用IDV,外層DIV畫進(jìn)度條的矩形邊框,內(nèi)層DIV用JS填充寬度。讓 讓我們看看別人怎么說。有什么使用方式類似easyui,但風(fēng)格更高大上點(diǎn)的框架推薦?目
layui前端框架表格如何進(jìn)行屏幕適配?
回答:用IDV,外層DIV畫進(jìn)度條的矩形邊框,內(nèi)層DIV用JS填充寬度。
讓 讓我們看看別人怎么說。
有什么使用方式類似easyui,但風(fēng)格更高大上點(diǎn)的框架推薦?
目前我工作中最常用的類似easyui的前端框架是Bootstrap。相比easyui更加簡潔優(yōu)雅,還具有手機(jī)端和其他終端自適應(yīng)的優(yōu)點(diǎn),大大提高了開發(fā)效率。當(dāng)然,還有其他類似的優(yōu)秀前端框架,推薦如下:
先引導(dǎo)
Bootstrap來自Twitter,是目前最流行的前端框架。Bootstrap基于HTML、CSS和JAVASCRIPT。它簡潔靈活,使得Web開發(fā)速度更快。
集成Bootstrap的Ace模板也是項(xiàng)目中常用的,風(fēng)格比較大氣,web開發(fā)中需要的常用組件有很多,比如表單、表格、插件等。,如圖所示。
它是一個有情懷的前端UI框架,由自己的模塊規(guī)范編寫,遵循原生的HTML/CSS/JS編寫和組織形式,門檻極低,隨時可用。它外觀極簡,但內(nèi)部飽滿,體積輕巧,組件豐富,從核心代碼到API的每一個細(xì)節(jié)都經(jīng)過精心雕琢,非常適合接口的快速開發(fā)。
有官方文件和例子,有興趣的朋友可以看看。我更喜歡這個框架中表的凍結(jié)列功能。當(dāng)有更多的數(shù)據(jù)和更多的字段信息需要顯示的時候,這個功能真的很方便。當(dāng)然,Bootstrap中還有一個凍結(jié)列插件。
3.WeUI
WeUI是一個基本的樣式庫,與原有的視覺體驗(yàn)一致。官方設(shè)計團(tuán)隊設(shè)計了中的頁面和小程序,讓用戶 感知更加統(tǒng)一。
這個經(jīng)常用在手機(jī)上,對于窗體和表單有很好的顯示效果和形式。
和EasyUI類似的是ExtJS。這個框架出來很久了,有商業(yè)版和開源版。最新的商業(yè)版是6.5.3,開源版是6.2.0-gpl。無論在功能上還是界面上,基本上無人能敵。
Ext JS 6之后最大的變化就是將Ext JS和Touch合并成一個框架。以前框架的核心已經(jīng)整合成一個單一的通用平臺。這樣,數(shù)據(jù)和邏輯可以共享,從而幫助開發(fā)人員進(jìn)一步優(yōu)化他們的應(yīng)用程序。界面分為經(jīng)典和現(xiàn)代工具包。在PC和移動設(shè)備上都有很好的支持。