layui是一款經(jīng)典模塊化前端框架,由職業(yè)前端傾情打造,面向所有層次的前后端開發(fā)者,零門檻開箱即用的前端UI解決方案,目前已更新到2.4.5版本,歡迎大家到官網(wǎng)或者到本站進(jìn)行下載使用。

基本簡介
layui(諧音:類UI) 是一款采用自身模塊規(guī)范編寫的前端 UI 框架,遵循原生 HTML/CSS/JS 的書寫與組織形式,門檻極低,拿來即用。其外在極簡,卻又不失飽滿的內(nèi)在,體積輕盈,組件豐盈,從核心代碼到 API 的每一處細(xì)節(jié)都經(jīng)過精心雕琢,非常適合界面的快速開發(fā)。layui 首個版本發(fā)布于2016年金秋,她區(qū)別于那些基于 MVVM 底層的 UI 框架,卻并非逆道而行,而是信奉返璞歸真之道。準(zhǔn)確地說,她更多是為服務(wù)端程序員量身定做,你無需涉足各種前端工具的復(fù)雜配置,只需面對瀏覽器本身,讓一切你所需要的元素與交互,從這里信手拈來。

功能介紹
- 返璞歸真
身處在前端社區(qū)的繁榮之下,我們都在有意或無意地追逐。而Layui偏偏回望當(dāng)初,奔赴在返璞歸真的漫漫征途,自信并勇敢著,追尋于原生態(tài)的書寫指令,試圖以比較簡單的方式詮釋高效。
- 雙面體驗
擁有雙面的不僅是人生,還有Layui。一面極簡,一面豐盈。極簡是視覺所見的外在,是開發(fā)所念的簡易。豐盈是傾情雕琢的內(nèi)在,是信手拈來的承諾。一切本應(yīng)如此,簡而全,雙重體驗。
- 星辰大海
如果眼下還是一團(tuán)零星之火,那運(yùn)籌帷幄之后,迎面東風(fēng),就是一場烈焰燎原吧,那必定會是一番盡情的燃燒。待,秋風(fēng)蕭瑟時,散作滿天星辰,你看那四季輪回,正是Layui不滅的執(zhí)念。
常見問題
- 如何使用內(nèi)部jQuery?
由于Layui部分內(nèi)置模塊依賴jQuery,所以我們將jQuery1.11比較穩(wěn)定的一個版本作為一個內(nèi)置的DOM模塊(唯一的一個第三方模塊)。只有你所使用的模塊有依賴到它,它才會加載,并且如果你的頁面已經(jīng)script引入了jquery,它并不會重復(fù)加載。內(nèi)置的jquery模塊去除了全局的$和jQuery,是一個符合layui規(guī)范的標(biāo)準(zhǔn)模塊。
- 為什么表單不顯示?
當(dāng)你使用表單時,Layui會對select、checkbox、radio等原始元素隱藏,從而進(jìn)行美化修飾處理。但這需要依賴于form組件,所以你必須加載 form,并且執(zhí)行一個實例。值得注意的是:導(dǎo)航的Hover效果、Tab選項卡等同理(它們需依賴 element 模塊)
- 該如何加載模塊比較科學(xué)?
事實上我們在模塊規(guī)范已經(jīng)有明確地說明,你可以采用預(yù)先加載和按需加載兩種模式,但后者我們并不推薦(文檔也解釋原因了)。因此我們強(qiáng)烈推薦的方式是:你應(yīng)該在你js文件的代碼比較外層,就把需要用到的模塊 layui.use以 一下。
更新日志
[修復(fù)] table 組件中勾選全選后,再點(diǎn)擊任意行復(fù)選框無法獲取到值的問題
[修復(fù)] table 組件的 toolbar: true 時,在高版本 jQuery 下出現(xiàn)的報錯問題
[修復(fù)] table 組件的固定列高在某些情況未能鋪滿的問題
[優(yōu)化] table 組件的單元格溢出下拉框,讓其不觸發(fā)行點(diǎn)擊事件
[修復(fù)] slider 組件在 max 參數(shù)設(shè)為某些數(shù)字(如 20)時,點(diǎn)擊 input 增減按鈕出現(xiàn)的異常問題
[優(yōu)化] slider 組件局部代碼,以自動糾正某些異常參數(shù)值
[修復(fù)] form 組件的 select 在空值狀態(tài)下雙擊,導(dǎo)致賦值了空值提示文本的問題
官方網(wǎng)站:https://www.layui.com/