Layui中文版是現在使用非常多的模塊化前端UI框架,利用layui可以讓你開發前端的時候可以更方便的進行套用,如果您正需要一款幫助您開發的框架,不要錯過這款layui框架。

Layui中文版基本簡介
Layui 是一款采用自身模塊規范編寫的情懷型前端UI框架,遵循原生HTML/CSS/JS的書寫與組織形式,門檻極低,拿來即用。其外在極簡,卻又不失飽滿的內在,體積輕盈,組件豐盈,從核心代碼到API的每一處細節都經過精心雕琢,非常適合界面的快速開發。Layui 首個版本發布于2016年金秋,她區別于那些基于MVVM底層的UI框架,卻并非逆道而行,而是信奉返璞歸真之道。準確地說,她更多是為服務端程序員量身定做,你無需涉足各種前端工具的復雜配置,只需面對瀏覽器本身,讓一切你所需要的元素與交互,從這里信手拈來。
Layui框架特色
——回歸真理
在前端社區繁榮的背后,我們都在有意無意地進行著追逐。然而,拉ayui卻偏偏回望當初,奔波在返璞歸真的漫漫路途中,自信而勇敢,追尋著原生態的書寫指令,試圖用最簡單的方式詮釋高效。
——雙向經驗。
生活不僅僅有兩個方面,Layui也一樣。一面簡約,一面豐滿。簡約是視覺所見的外在,是開發所念的簡約。豐富是傾情雕琢的內在,是信手拈來的承諾。所有的事情都應該是這樣,簡簡單單,雙重體驗。
——星星的海洋。
假如此刻還是一團零散的火光,那以后運籌帷幄,迎面是東風,是烈焰燎原吧,那必然是一場火燒盡。等待,秋風蕭瑟時,散作滿天繁星,你看那四季如春的輪回,正是Layui不滅的執念。
常見問題
- 如何使用內部jQuery?
由于Layui部分內置模塊依賴jQuery,所以我們將jQuery1.11最穩定的一個版本作為一個內置的DOM模塊(唯一的一個第三方模塊)。只有你所使用的模塊有依賴到它,它才會加載,并且如果你的頁面已經script引入了jquery,它并不會重復加載。內置的jquery模塊去除了全局的$和jQuery,是一個符合layui規范的標準模塊。
- 為什么表單不顯示?
當你使用表單時,Layui會對select、checkbox、radio等原始元素隱藏,從而進行美化修飾處理。但這需要依賴于form組件,所以你必須加載 form,并且執行一個實例。值得注意的是:導航的Hover效果、Tab選項卡等同理(它們需依賴 element 模塊)
- 該如何加載模塊最科學?
事實上我們在模塊規范已經有明確地說明,你可以采用預先加載和按需加載兩種模式,但后者我們并不推薦(文檔也解釋原因了)。因此我們強烈推薦的方式是:你應該在你js文件的代碼最外層,就把需要用到的模塊 layui.use以 一下。
更新日志
- [新增] layui.off(events, modName) 方法,用于移除模塊相關事件的監聽
- [優化] layui.device() 方法,加入 mobile 屬性,用于識別是否是在移動設備中
- [優化] form 組件的 verify 方法,如果返回 true,則不自動彈出提示框
- [修復] table 組件無數據時且開啟初始排序功能,未顯示「無數據」提示文案的問題
- [優化] slider 組件多處細節樣式以及數字輸入框始終保持顯示
- [修復] slider 組件在設置 setTips 自定義提示文本時,change 回調返回的 value 也隨之改變問題
- [修復] slider 組件在點擊數字輸入框加減按鈕時,起始值未按初始值進行計算的問題
- [修復] rate 組件的 value 大于 length 時的文本顯示異常問題
- [修復] tree 等部分組件在低版本瀏覽器下的若干問題