今天小編給大家分享的是關(guān)于LayUI底層方法的介紹,相信很多人都不太了解,為了讓大家更加了解LayUI底層方法,所以給大家總結(jié)了以下內(nèi)容,一起往下看吧。一定會有所收獲的哦。
Layui模塊化頁面用法
需要即加載模塊
//引入js,css文件跳過,看文檔 //在頁面中,如同編寫JavaScript一樣 <script> layui.use(['layer','form'],function(){//需要加載的模塊 var layer = layui.layer, form = layui.form;//初始化模塊變量 layer.msg('Hi!');//調(diào)用該模塊的方法 }) </script>
一次加載所有模塊
<script> ;!function(){ var layer = layui.layer ,form = layui.form;//初始化模塊變量 layer.msg('Hello World'); }(); </script>
自寫模塊
//js文件 layui.define(['layer'],function(exports){//自寫模塊需要調(diào)用的layui模塊 var layer = layui.layer;//初始化模塊變量 layer.msg('Hi!'); exports('index',{})//導(dǎo)出自寫模塊,index為導(dǎo)出名,use的時候名字要和導(dǎo)出一致 }) //use時注意需要設(shè)定模塊所在目錄 <script> layui.config({ base:'/res/js/modules/' //自建模塊所在目錄 }).use('index',function(){//加載入口 }); </script>
本地存儲操作
layui.data('test',//test表名 {//對象 key:'user_name',//鍵值對 value:'用戶1' } ) //刪除 layui。data('test',{ key:'user_name',//需要刪除的鍵 remove:true//刪除 }) //查 var local = layui.data('test'); console.info(local.user_name); //根據(jù)刪除的方法,我暫時認(rèn)為,如果需要插入多個鍵值對,需要使用對象數(shù)組,而刪除多個鍵值對,則未知了,因為沒實際操作,因為本地存儲其實不怎么會用這個,接入后端后大多用session或者redis
各種實際可能不怎么用的底層方法
layui.device()//獲取設(shè)備信息 layui.cache()//獲得緩存 layui.extend(options)//拓展別名,給一個模塊設(shè)置別名 layui.each(obj,fn)//對象(array,object,dom)遍歷,可取代for layui.getStyle(node,name) //獲得dom節(jié)點(diǎn)的style屬性值,如document.body,'font-size' layui.img(url,callback,error)//圖片預(yù)加載,可設(shè)置加載失敗顯示默認(rèn)圖從而避免圖片加載失敗沒圖的尷尬 layui.router()//獲得路由 layui.hint()//向控制臺輸出異常,目前只能error,layui.hint().error('error') layui.stope(e)//阻止事件冒泡 layui.onevent(modName,events,callback)//自定義模塊事件 layui.event(modName,events,params)//執(zhí)行自定義事件 layui.factory(modName)//獲取模塊定義時的回調(diào)函數(shù)
關(guān)于LayUI底層方法的介紹就分享到這里了,希望以上內(nèi)容可以對大家有一定的參考價值,可以學(xué)以致用。如果喜歡本篇文章,不妨把它分享出去讓更多的人看到。
另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn,海內(nèi)外云服務(wù)器15元起步,三天無理由+7*72小時售后在線,公司持有idc許可證,提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點(diǎn)與優(yōu)勢,專為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應(yīng)用場景需求。
名稱欄目:關(guān)于LayUI底層方法的介紹-創(chuàng)新互聯(lián)
本文鏈接:http://jinyejixie.com/article6/eiiog.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供面包屑導(dǎo)航、全網(wǎng)營銷推廣、關(guān)鍵詞優(yōu)化、網(wǎng)站營銷、軟件開發(fā)、虛擬主機(jī)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容