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/

相關(guān)搜索：模塊化 框架 前端