Layui最好用的前端ui框架是一款帶著濃烈情懷的國(guó)產(chǎn)前端UI框架，她追求極簡(jiǎn)，又不失豐盈的內(nèi)在，說(shuō)她是史上最輕量的結(jié)晶，似乎并不為過(guò)。一切都源自于她對(duì)原生態(tài)的執(zhí)著，對(duì)前端社區(qū)的那些噪雜聲音的過(guò)濾，以及她本身的精心雕琢。需要的用戶不要錯(cuò)過(guò)哦！

基本簡(jiǎn)介

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

框架特色

- 返璞歸真

身處在前端社區(qū)的繁榮之下，我們都在有意或無(wú)意地追逐。而Layui偏偏回望當(dāng)初，奔赴在返璞歸真的漫漫征途，自信并勇敢著，追尋于原生態(tài)的書(shū)寫(xiě)指令，試圖以最簡(jiǎn)單的方式詮釋高效。

- 雙面體驗(yàn)

擁有雙面的不僅是人生，還有Layui。一面極簡(jiǎn)，一面豐盈。極簡(jiǎn)是視覺(jué)所見(jiàn)的外在，是開(kāi)發(fā)所念的簡(jiǎn)易。豐盈是傾情雕琢的內(nèi)在，是信手拈來(lái)的承諾。一切本應(yīng)如此，簡(jiǎn)而全，雙重體驗(yàn)。

- 星辰大海

如果眼下還是一團(tuán)零星之火，那運(yùn)籌帷幄之后，迎面東風(fēng)，就是一場(chǎng)烈焰燎原吧，那必定會(huì)是一番盡情的燃燒。待，秋風(fēng)蕭瑟時(shí)，散作滿天星辰，你看那四季輪回，正是Layui不滅的執(zhí)念。

常見(jiàn)問(wèn)題

- 如何使用內(nèi)部jQuery？

由于Layui部分內(nèi)置模塊依賴(lài)jQuery，所以我們將jQuery1.11最穩(wěn)定的一個(gè)版本作為一個(gè)內(nèi)置的DOM模塊（唯一的一個(gè)第三方模塊）。只有你所使用的模塊有依賴(lài)到它，它才會(huì)加載，并且如果你的頁(yè)面已經(jīng)script引入了jquery，它并不會(huì)重復(fù)加載。內(nèi)置的jquery模塊去除了全局的$和jQuery，是一個(gè)符合layui規(guī)范的標(biāo)準(zhǔn)模塊。

- 為什么表單不顯示？

當(dāng)你使用表單時(shí)，Layui會(huì)對(duì)select、checkbox、radio等原始元素隱藏，從而進(jìn)行美化修飾處理。但這需要依賴(lài)于form組件，所以你必須加載 form，并且執(zhí)行一個(gè)實(shí)例。值得注意的是：導(dǎo)航的Hover效果、Tab選項(xiàng)卡等同理（它們需依賴(lài) element 模塊）

- 該如何加載模塊最科學(xué)？

事實(shí)上我們?cè)谀K規(guī)范已經(jīng)有明確地說(shuō)明，你可以采用預(yù)先加載和按需加載兩種模式，但后者我們并不推薦（文檔也解釋原因了）。因此我們強(qiáng)烈推薦的方式是：你應(yīng)該在你js文件的代碼最外層，就把需要用到的模塊 layui.use以 一下。

更新日志 　　

v2.8.17

更新內(nèi)容

修復(fù) table 當(dāng)表頭設(shè)置 event 屬性時(shí)，導(dǎo)致單元格內(nèi) a 標(biāo)簽跳轉(zhuǎn)失效的問(wèn)題

修復(fù) laydate min 設(shè)為天數(shù)且開(kāi)始時(shí)間為 23:59:59 時(shí)，導(dǎo)致有效日期內(nèi)無(wú)法選擇有效時(shí)間的問(wèn)題

修復(fù) laydate 初始值超出 min、max 范圍時(shí)，導(dǎo)致面板中的值與該初始值未能對(duì)應(yīng)的問(wèn)題

修復(fù) form select 中 option 內(nèi)容出現(xiàn)雙引號(hào)時(shí)的異常顯示問(wèn)題

優(yōu)化 transfer 的搜索默認(rèn)不區(qū)分大小寫(xiě)，若需區(qū)分，設(shè)置 showSearch: 'cs' 即可

加強(qiáng) colorpicker 的 elem 屬性，可傳入 class 選擇器同時(shí)綁定多個(gè)實(shí)例

新增 colorpicker 的綁定元素上的 lay-options 屬性識(shí)別，可覆蓋 render 方法中的 options