Layui基本介紹
2016年10月,名不見經傳的layui憑借layer多年來積累下來的人氣獲得了一定關注,從1.0.0的首個版本發布至今,已經滿月,layui已進行了三次中小規模的迭代。它并沒有迎合當下那些炙手可熱的前端主流,有意或無意地避開了React/Vue等風向,專注于原生態的開發模式,試圖成為國內更容易入門和使用的前端UI解決方案。正是因為這樣的追求,我們無懼險阻、無畏任何挑戰。layui下一個大版本已經進入了開發日程,它將彌補當前版本存在的諸多缺陷,有可能直接跳躍到2.0,你盡管放心地期待,它基本無縫兼容1.x。
Layui軟件特色
- 返璞歸真
身處在前端社區的繁榮之下,我們都在有意或無意地追逐。而Layui偏偏回望當初,奔赴在返璞歸真的漫漫征途,自信并勇敢著,追尋于原生態的書寫指令,試圖以最簡單的方式詮釋高效。
- 雙面體驗
擁有雙面的不僅是人生,還有Layui。一面極簡,一面豐盈。極簡是視覺所見的外在,是開發所念的簡易。豐盈是傾情雕琢的內在,是信手拈來的承諾。一切本應如此,簡而全,雙重體驗。
- 星辰大海
如果眼下還是一團零星之火,那運籌帷幄之后,迎面東風,就是一場烈焰燎原吧,那必定會是一番盡情的燃燒。待,秋風蕭瑟時,散作滿天星辰,你看那四季輪回,正是Layui不滅的執念。
Layui快速上手指南
獲得layui后,將其完整地部署到你的項目目錄(或靜態資源服務器),你只需要引入下述兩個文件:

沒錯,不用去管其它任何文件。因為他們(比如各模塊)都是在最終使用的時候才會自動加載。這是一個基本的入門頁面:

1、規范化的用法(推薦)
如果你想快速使用Layui的組件,你還是跟平時一樣script標簽引入你的js文件,然后在你的js文件中使用layui的組件。但我們更推薦你遵循Layui的模塊規范,建立一個自己的模塊作為入口:

上述的 index 即為你 /res/js/modules/ 目錄下的 index.js,它的內容應該如下:

2、簡單粗暴用法
如果你覺得Layui的模塊化還是有點啰嗦,木有關系的親。Layui考慮到了像你一樣的猿群,我們將layui.js及所有模塊單獨打包合并成了一個完整的js文件,用的時候直接引入這一個文件即可。當你采用這樣的方式,你將不用通過layui.use加載模塊,你只需要直接用,譬如:

但你必須知道,這種使用方式,意味著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以 一下。
Layui更新日志
[優化] layui.use() 方法,以支持加載非內置模塊的合并請求(如您在線上環境采用「非模塊化加載」的方式,那么最多可以只加載兩個文件,即:layui.all.js、main.js(你的擴展模塊的合并文件)。這將大幅度減少文件請求) #詳見文檔
[新增] layui.url() 底層方法,用于將 url 中的 pathname、search、hash 屬性進行對象化獲取 #詳見文檔
[優化] 柵格的列間隔類 .layui-col-space,支持 1-30 區間所有雙數間隔,并支持 1、5、15、25 單數間隔
[優化] table 組件的合計行,若接口直接返回了合計行數據,則優先讀取,否則由前端自動合計當前行數據 #詳見文檔
[修復] upload 組件因上個版本的 progress(進度條) 功能導致的部分情況無法跨域上傳的問題
[優化] upload 組件 progress 回調,在第二個參數中返回了當前觸發的元素對象
[修復] form 模塊的 select 組件在 lay-disabled 和 lay-search 共用時出現可編輯問題
[修復] flow.load() 多次執行時的重復加載的問題
[修復] util 組件的 event 方法重復綁定事件的問題
[新增] 28 個字體圖標
華軍小編推薦:
Layui一直以來是大多數小伙伴常用軟件,在網民心目中的可是有這霸主地位可見一般,華軍軟件園小編同學推薦廣大用戶下載Layui使用,快來下載吧,另外還有FastAdmin完整包、404頁面模板、ShopCMS、音樂在線解析源碼(簡單搭建音樂解析網)、搭建解析網易付費歌曲下載網站提供下載。
您的評論需要經過審核才能顯示
有用
有用
有用