這篇文章給大家分享的是有關layui的引用方法的內容。小編覺得挺實用的,因此分享給大家做個參考,一起跟隨小編過來看看吧。
成都創新互聯從2013年成立,先為屯留等服務建站,屯留等地企業,進行企業商務咨詢服務。為屯留企業網站制作PC+手機+微官網三網同步一站式服務解決您的所有建站問題。layui的引用方法:首先下載layui;然后通過引入“layui.css”和“layui.js”兩個文件;最后通過“layui.use()”方法完成需要使用的模塊加載即可。
layui是一款采用自身模塊規范編寫的前端 UI 框架,遵循原生 HTML/CSS/JS 的書寫與組織形式,門檻極低,拿來即用。其外在極簡,卻又不失飽滿的內在,體積輕盈,組件豐盈,從核心代碼到 API 的每一處細節都經過精心雕琢,非常適合界面的快速開發。
layui怎么引用?
在下載layui后如何快速將其引入至項目中,layui是一款經典模塊化前端ui,它的模塊是基于 layui.js 內部實現的異步模塊加載方式 ,與日常所熟知的AMD 規范有所區別,有一套完全屬于layui定義的模塊加載規范,通過預加載方式,這也是layui官方所推薦的方式,將下載到的源碼引入項目只需要引入layui.css和layui.js兩個文件,通過layui.use()方法完成需要使用的模塊加載。
如下示例所示:加載layui內置的jquery穩定版本和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>
備注:
預加載的方式無論從代碼可維護度、閱讀便利以及代碼優雅美觀方面是要強于按需加載避免隨從可見的layui.use()造成混亂,曾遇到過對網站性能的極致苛求用戶使用按需加載方式【不推薦使用按需加載方式】,按需加載如果對變量的作用域等關系處理不當也容易出現錯誤且不便于后期維護,當然在某些特定的情況下 可以配合layui.cache.xx全局變量使用按需加載也是相對較好的方式;
但同時也不建議直接引入 layui.all.js一次性全加載(全加載方式似乎失去了layui模塊化的意義); layui的模塊組件通過預加載方式在larryms的產品中是比較常見的。
感謝各位的閱讀!關于“layui的引用方法”這篇文章就分享到這里了,希望以上內容可以對大家有一定的幫助,讓大家可以學到更多知識,如果覺得文章不錯,可以把它分享出去讓更多的人看到吧!
當前標題:layui的引用方法-創新互聯
瀏覽路徑:http://vcdvsql.cn/article40/cdjceo.html
成都網站建設公司_創新互聯,為您提供品牌網站制作、小程序開發、全網營銷推廣、網站設計公司、App設計、網站改版
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯