layui是現(xiàn)在開發(fā)十分主流的前端框架,追求極簡(jiǎn)的風(fēng)格,但是內(nèi)在豐富,使用layui后端模板可以讓用戶在開發(fā)的時(shí)候,擁有更加方便的框架得以套用。有需要的用戶可以下載哦。
基本簡(jiǎn)介
Layui是一款采用自身模塊規(guī)范編寫的情懷型前端UI框架,遵循原生HTML/CSS/JS的書寫與組織形式,門檻極低,拿來(lái)即用。其外在極簡(jiǎn),卻又不失飽滿的內(nèi)在,體積輕盈,組件豐盈,從核心代碼到API的每一處細(xì)節(jié)都經(jīng)過(guò)精心雕琢,非常適合界面的快速開發(fā)。Layui 首個(gè)版本發(fā)布于2016年金秋,她區(qū)別于那些基于MVVM底層的UI框架,卻并非逆道而行,而是信奉返璞歸真之道。準(zhǔn)確地說(shuō),她更多是為服務(wù)端程序員量身定做,你無(wú)需涉足各種前端工具的復(fù)雜配置,只需面對(duì)瀏覽器本身,讓一切你所需要的元素與交互,從這里信手拈來(lái)。
框架特色
- 返璞歸真
身處在前端社區(qū)的繁榮之下,我們都在有意或無(wú)意地追逐。而Layui偏偏回望當(dāng)初,奔赴在返璞歸真的漫漫征途,自信并勇敢著,追尋于原生態(tài)的書寫指令,試圖以最簡(jiǎn)單的方式詮釋高效。
- 雙面體驗(yàn)
擁有雙面的不僅是人生,還有Layui。一面極簡(jiǎn),一面豐盈。極簡(jiǎn)是視覺所見的外在,是開發(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í)念。
常見問(wèn)題
- 如何使用內(nèi)部jQuery?
由于Layui部分內(nèi)置模塊依賴jQuery,所以我們將jQuery1.11最穩(wěn)定的一個(gè)版本作為一個(gè)內(nèi)置的DOM模塊(唯一的一個(gè)第三方模塊)。只有你所使用的模塊有依賴到它,它才會(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)行美化修飾處理。但這需要依賴于form組件,所以你必須加載 form,并且執(zhí)行一個(gè)實(shí)例。值得注意的是:導(dǎo)航的Hover效果、Tab選項(xiàng)卡等同理(它們需依賴element模塊)
- 該如何加載模塊最科學(xué)?
事實(shí)上我們?cè)谀K規(guī)范已經(jīng)有明確地說(shuō)明,你可以采用預(yù)先加載和按需加載兩種模式,但后者我們并不推薦(文檔也解釋原因了)。因此我們強(qiáng)烈推薦的方式是:你應(yīng)該在你js文件的代碼最外層,就把需要用到的模塊 layui.use一下。
更新日志
[修復(fù)] table 組件中勾選全選后,再點(diǎn)擊任意行復(fù)選框無(wú)法獲取到值的問(wèn)題。
[修復(fù)] table 組件的 toolbar: true 時(shí),在高版本 jQuery 下出現(xiàn)的報(bào)錯(cuò)問(wèn)題。
[修復(fù)] table 組件的固定列高在某些情況未能鋪滿的問(wèn)題。
[優(yōu)化] table 組件的單元格溢出下拉框,讓其不觸發(fā)行點(diǎn)擊事件。
[修復(fù)] slider 組件在 max 參數(shù)設(shè)為某些數(shù)字(如 20)時(shí),點(diǎn)擊 input 增減按鈕出現(xiàn)的異常問(wèn)題。
[優(yōu)化] slider 組件局部代碼,以自動(dòng)糾正某些異常參數(shù)值。
[修復(fù)] form 組件的 select 在空值狀態(tài)下雙擊,導(dǎo)致賦值了空值提示文本的問(wèn)題。