layui是現(xiàn)在非常流行的前端框架,使用layui 后端模板可以讓你在開發(fā)的時(shí)候,擁有更加方便的框架得以套用,,Layui正式版追求極簡,又不失豐盈的內(nèi)在,說她是史上最輕量的結(jié)晶,似乎并不為過,layui是現(xiàn)在開發(fā)十分主流的如果您正需要一款幫助您開發(fā)的框架,不要錯(cuò)過這款layui框架。
layui被定義為古典模塊化,不是吹噓她自己有多優(yōu)秀,而是開JS社區(qū)的喧囂,用最簡單的方法解釋效率。她的古典是對(duì)回歸真實(shí)的執(zhí)念,她以現(xiàn)在瀏覽器普遍認(rèn)可的方式組織模塊。我們認(rèn)為這是符合當(dāng)前國內(nèi)大多數(shù)程序員從舊時(shí)代到未來新標(biāo)準(zhǔn)的最佳指導(dǎo)。
???????layui框架基本簡介
Layui 是一款采用自身模塊規(guī)范編寫的情懷型前端UI框架,遵循原生HTML/CSS/JS的書寫與組織形式,門檻極低,拿來即用。其外在極簡,卻又不失飽滿的內(nèi)在,體積輕盈,組件豐盈,從核心代碼到API的每一處細(xì)節(jié)都經(jīng)過精心雕琢,非常適合界面的快速開發(fā)。Layui 首個(gè)版本發(fā)布于2016年金秋,她區(qū)別于那些基于MVVM底層的UI框架,卻并非逆道而行,而是信奉返璞歸真之道。準(zhǔn)確地說,她更多是為服務(wù)端程序員量身定做,你無需涉足各種前端工具的復(fù)雜配置,只需面對(duì)瀏覽器本身,讓一切你所需要的元素與交互,從這里信手拈來。
???????layui框架特色
- 返璞歸真
身處在前端社區(qū)的繁榮之下,我們都在有意或無意地追逐。而Layui偏偏回望當(dāng)初,奔赴在返璞歸真的漫漫征途,自信并勇敢著,追尋于原生態(tài)的書寫指令,試圖以最簡單的方式詮釋高效。
- 雙面體驗(yàn)
擁有雙面的不僅是人生,還有Layui。一面極簡,一面豐盈。極簡是視覺所見的外在,是開發(fā)所念的簡易。豐盈是傾情雕琢的內(nèi)在,是信手拈來的承諾。一切本應(yīng)如此,簡而全,雙重體驗(yàn)。
- 星辰大海
如果眼下還是一團(tuán)零星之火,那運(yùn)籌帷幄之后,迎面東風(fēng),就是一場烈焰燎原吧,那必定會(huì)是一番盡情的燃燒。待,秋風(fēng)蕭瑟時(shí),散作滿天星辰,你看那四季輪回,正是Layui不滅的執(zhí)念。
常見問題
- 如何使用內(nèi)部jQuery?
由于Layui部分內(nèi)置模塊依賴jQuery,所以我們將jQuery1.11最穩(wěn)定的一個(gè)版本作為一個(gè)內(nèi)置的DOM模塊(唯一的一個(gè)第三方模塊)。只有你所使用的模塊有依賴到它,它才會(huì)加載,并且如果你的頁面已經(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)有明確地說明,你可以采用預(yù)先加載和按需加載兩種模式,但后者我們并不推薦(文檔也解釋原因了)。因此我們強(qiáng)烈推薦的方式是:你應(yīng)該在你js文件的代碼最外層,就把需要用到的模塊 layui.use以 一下。
???????layui更新日志
[優(yōu)化] layui.use() 方法,以支持加載非內(nèi)置模塊的合并請(qǐng)求(如您在線上環(huán)境采用「非模塊化加載」的方式,那么最多可以只加載兩個(gè)文件,即:layui.all.js、main.js(你的擴(kuò)展模塊的合并文件)。這將大幅度減少文件請(qǐng)求) #詳見文檔
[新增] layui.url() 底層方法,用于將 url 中的 pathname、search、hash 屬性進(jìn)行對(duì)象化獲取 #詳見文檔
[優(yōu)化] 柵格的列間隔類 .layui-col-space,支持 1-30 區(qū)間所有雙數(shù)間隔,并支持 1、5、15、25 單數(shù)間隔
[優(yōu)化] table 組件的合計(jì)行,若接口直接返回了合計(jì)行數(shù)據(jù),則優(yōu)先讀取,否則由前端自動(dòng)合計(jì)當(dāng)前行數(shù)據(jù) #詳見文檔
[修復(fù)] upload 組件因上個(gè)版本的 progress(進(jìn)度條) 功能導(dǎo)致的部分情況無法跨域上傳的問題
[優(yōu)化] upload 組件 progress 回調(diào),在第二個(gè)參數(shù)中返回了當(dāng)前觸發(fā)的元素對(duì)象
[修復(fù)] form 模塊的 select 組件在 lay-disabled 和 lay-search 共用時(shí)出現(xiàn)可編輯問題
[修復(fù)] flow.load() 多次執(zhí)行時(shí)的重復(fù)加載的問題
[修復(fù)] util 組件的 event 方法重復(fù)綁定事件的問題
[新增] 28 個(gè)字體圖標(biāo)