layui如何引用？這個問題可能是我們日常學習或工作經常見到的。希望通過這個問題能讓你收獲頗深。下面是小編給大家帶來的參考內容，讓我們一起來看看吧！
layui 怎么引用
在下載layui后如何快速將其引入至項目中，layui是一款經典模塊化前端ui，它的模塊是基于 layui.js 內部實現的異步模塊加載方式 ，與日常所熟知的AMD 規范有所區別，有一套完全屬于layui定義的模塊加載規范，通過預加載方式，這也是layui官方所推薦的方式，將下載到的源碼引入項目只需要引入layui.css和layui.js兩個文件，通過layui.use()方法完成需要使用的模塊加載。
如下示例所示：加載layui內置的jquery穩定版本和layer組件
【當我們在初次接觸layui時，如果還沒有耐心讀完layui官方文檔，我們可以先記住使用格式和使用規范，能正常用了再深入，不要糾結于細節而停步不前，我遇到過一些交流layui使用的用戶，他還沒看過文檔就直接去讀layui源碼的，結果還是云里霧里，誤以為直奔源碼是最佳方式，一葉障目而不見泰山，兩耳塞豆而不聞雷霆；
個人觀點：如果作為學習時又覺得撇開文檔直接去讀源碼的方式適合自己 暫不做評論，但若是用于工作此種方式個人認為是最為笨拙的，因此官方文檔對初學者是必讀的，而不是直接上來就去看源碼，本系列文檔可作為larryms產品使用的前提基礎，若是初次接觸推薦閱讀，若有瑕疵可在評論中給予斧正】
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>備注：
預加載的方式無論從代碼可維護度、閱讀便利以及代碼優雅美觀方面是要強于按需加載避免隨從可見的layui.use()造成混亂，曾遇到過對網站性能的極致苛求用戶使用按需加載方式【不推薦使用按需加載方式】，按需加載如果對變量的作用域等關系處理不當也容易出現錯誤且不便于后期維護，當然在某些特定的情況下 可以配合layui.cache.xx全局變量使用按需加載也是相對較好的方式；
但同時也不建議直接引入 layui.all.js一次性全加載（全加載方式似乎失去了layui模塊化的意義）； layui的模塊組件通過預加載方式在larryms的產品中是比較常見的。
感謝各位的閱讀！看完上述內容，你們對layui如何引用大概了解了嗎？希望文章內容對大家有所幫助。如果想了解更多相關文章內容，歡迎關注億速云行業資訊頻道。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
