溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

如何引用layui

發(fā)布時間：2021-09-23 16:19:23 來源：億速云 閱讀：160 作者：小新 欄目：開發(fā)技術(shù)

小編給大家分享一下如何引用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兩個文件，通過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)錯誤且不便于后期維護(hù)，當(dāng)然在某些特定的情況下 可以配合layui.cache.xx全局變量使用按需加載也是相對較好的方式；

但同時也不建議直接引入 layui.all.js一次性全加載（全加載方式似乎失去了layui模塊化的意義）； layui的模塊組件通過預(yù)加載方式在larryms的產(chǎn)品中是比較常見的。

看完了這篇文章，相信你對“如何引用layui”有了一定的了解，如果想了解更多相關(guān)知識，歡迎關(guān)注億速云行業(yè)資訊頻道，感謝各位的閱讀！

向AI問一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手