layui是現在開發十分主流的前端框架,追求極簡的風格,但是內在豐富,使用layui后端模板可以讓用戶在開發的時候,擁有更加方便的框架得以套用。有需要的用戶可以下載哦。
基本簡介
Layui是一款采用自身模塊規范編寫的情懷型前端UI框架,遵循原生HTML/CSS/JS的書寫與組織形式,門檻極低,拿來即用。其外在極簡,卻又不失飽滿的內在,體積輕盈,組件豐盈,從核心代碼到API的每一處細節都經過精心雕琢,非常適合界面的快速開發。Layui 首個版本發布于2016年金秋,她區別于那些基于MVVM底層的UI框架,卻并非逆道而行,而是信奉返璞歸真之道。準確地說,她更多是為服務端程序員量身定做,你無需涉足各種前端工具的復雜配置,只需面對瀏覽器本身,讓一切你所需要的元素與交互,從這里信手拈來。
框架特色
- 返璞歸真
身處在前端社區的繁榮之下,我們都在有意或無意地追逐。而Layui偏偏回望當初,奔赴在返璞歸真的漫漫征途,自信并勇敢著,追尋于原生態的書寫指令,試圖以最簡單的方式詮釋高效。
- 雙面體驗
擁有雙面的不僅是人生,還有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一下。
更新日志
[修復] table 組件中勾選全選后,再點擊任意行復選框無法獲取到值的問題。
[修復] table 組件的 toolbar: true 時,在高版本 jQuery 下出現的報錯問題。
[修復] table 組件的固定列高在某些情況未能鋪滿的問題。
[優化] table 組件的單元格溢出下拉框,讓其不觸發行點擊事件。
[修復] slider 組件在 max 參數設為某些數字(如 20)時,點擊 input 增減按鈕出現的異常問題。
[優化] slider 組件局部代碼,以自動糾正某些異常參數值。
[修復] form 組件的 select 在空值狀態下雙擊,導致賦值了空值提示文本的問題。