小編給大家分享一下如何引用layui,希望大家閱讀完這篇文章之后都有所收獲,下面讓我們一起去探討吧!

layui 怎么引用
在下載layui后如何快速將其引入至項(xiàng)目中,layui是一款經(jīng)典模塊化前端ui,它的模塊是基于 layui.js 內(nèi)部實(shí)現(xiàn)的異步模塊加載方式 ,與日常所熟知的AMD 規(guī)范有所區(qū)別,有一套完全屬于layui定義的模塊加載規(guī)范,通過預(yù)加載方式,這也是layui官方所推薦的方式,將下載到的源碼引入項(xiàng)目只需要引入layui.css和layui.js兩個(gè)文件,通過layui.use()方法完成需要使用的模塊加載。
如下示例所示:加載layui內(nèi)置的jquery穩(wěn)定版本和layer組件
code
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" href="layui/css/layui.css"> <!-- your css link --></head><body> <!-- you html code --> <script type="text/javascript" src="layui/layui.js"></script> <script> layui.use(['jquery','layer'],function(){ var $ = layui.$, layer = layui.layer; #your js coding }); </script></body></html>備注:
預(yù)加載的方式無論從代碼可維護(hù)度、閱讀便利以及代碼優(yōu)雅美觀方面是要強(qiáng)于按需加載避免隨從可見的layui.use()造成混亂,曾遇到過對網(wǎng)站性能的極致苛求用戶使用按需加載方式【不推薦使用按需加載方式】,按需加載如果對變量的作用域等關(guān)系處理不當(dāng)也容易出現(xiàn)錯(cuò)誤且不便于后期維護(hù),當(dāng)然在某些特定的情況下 可以配合layui.cache.xx全局變量使用按需加載也是相對較好的方式;
但同時(shí)也不建議直接引入 layui.all.js一次性全加載(全加載方式似乎失去了layui模塊化的意義); layui的模塊組件通過預(yù)加載方式在larryms的產(chǎn)品中是比較常見的。
看完了這篇文章,相信你對“如何引用layui”有了一定的了解,如果想了解更多相關(guān)知識,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,感謝各位的閱讀!
分享文章:如何引用layui-創(chuàng)新互聯(lián)
分享鏈接:http://chinadenli.net/article26/hppcg.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供面包屑導(dǎo)航、做網(wǎng)站、App開發(fā)、品牌網(wǎng)站制作、ChatGPT、網(wǎng)站收錄
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容