layui的引用方法-創(chuàng)新互聯(lián)

這篇文章給大家分享的是有關(guān)layui的引用方法的內(nèi)容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。

成都創(chuàng)新互聯(lián)從2013年成立，先為屯留等服務(wù)建站，屯留等地企業(yè)，進行企業(yè)商務(wù)咨詢服務(wù)。為屯留企業(yè)網(wǎng)站制作PC+手機+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問題。

layui的引用方法：首先下載layui；然后通過引入“l(fā)ayui.css”和“l(fā)ayui.js”兩個文件；最后通過“l(fā)ayui.use()”方法完成需要使用的模塊加載即可。

layui是一款采用自身模塊規(guī)范編寫的前端 UI 框架，遵循原生 HTML/CSS/JS 的書寫與組織形式，門檻極低，拿來即用。其外在極簡，卻又不失飽滿的內(nèi)在，體積輕盈，組件豐盈，從核心代碼到 API 的每一處細節(jié)都經(jīng)過精心雕琢，非常適合界面的快速開發(fā)。

layui怎么引用？

在下載layui后如何快速將其引入至項目中，layui是一款經(jīng)典模塊化前端ui，它的模塊是基于 layui.js 內(nèi)部實現(xiàn)的異步模塊加載方式，與日常所熟知的AMD 規(guī)范有所區(qū)別，有一套完全屬于layui定義的模塊加載規(guī)范，通過預(yù)加載方式，這也是layui官方所推薦的方式，將下載到的源碼引入項目只需要引入layui.css和layui.js兩個文件，通過layui.use()方法完成需要使用的模塊加載。

如下示例所示：加載layui內(nèi)置的jquery穩(wěn)定版本和layer組件

代碼

<!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ù)加載的方式無論從代碼可維護度、閱讀便利以及代碼優(yōu)雅美觀方面是要強于按需加載避免隨從可見的layui.use()造成混亂，曾遇到過對網(wǎng)站性能的極致苛求用戶使用按需加載方式【不推薦使用按需加載方式】，按需加載如果對變量的作用域等關(guān)系處理不當(dāng)也容易出現(xiàn)錯誤且不便于后期維護，當(dāng)然在某些特定的情況下可以配合layui.cache.xx全局變量使用按需加載也是相對較好的方式；

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

感謝各位的閱讀！關(guān)于“l(fā)ayui的引用方法”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，讓大家可以學(xué)到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！

當(dāng)前標題：layui的引用方法-創(chuàng)新互聯(lián)
瀏覽路徑：http://muchs.cn/article40/cdjceo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供品牌網(wǎng)站制作、小程序開發(fā)、全網(wǎng)營銷推廣、網(wǎng)站設(shè)計公司、App設(shè)計、網(wǎng)站改版

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容