layui如何引用?這個問題可能是我們?nèi)粘W習或工作經(jīng)常見到的。希望通過這個問題能讓你收獲頗深。下面是小編給大家?guī)淼膮⒖純?nèi)容,讓我們一起來看看吧!
創(chuàng)新互聯(lián)公司于2013年成立,先為滄州等服務建站,滄州等地企業(yè),進行企業(yè)商務咨詢服務。為滄州企業(yè)網(wǎng)站制作PC+手機+微官網(wǎng)三網(wǎng)同步一站式服務解決您的所有建站問題。
layui 怎么引用
在下載layui后如何快速將其引入至項目中,layui是一款經(jīng)典模塊化前端ui,它的模塊是基于 layui.js 內(nèi)部實現(xiàn)的異步模塊加載方式 ,與日常所熟知的AMD 規(guī)范有所區(qū)別,有一套完全屬于layui定義的模塊加載規(guī)范,通過預加載方式,這也是layui官方所推薦的方式,將下載到的源碼引入項目只需要引入layui.css和layui.js兩個文件,通過layui.use()方法完成需要使用的模塊加載。
如下示例所示:加載layui內(nèi)置的jquery穩(wěn)定版本和layer組件
【當我們在初次接觸layui時,如果還沒有耐心讀完layui官方文檔,我們可以先記住使用格式和使用規(guī)范,能正常用了再深入,不要糾結(jié)于細節(jié)而停步不前,我遇到過一些交流layui使用的用戶,他還沒看過文檔就直接去讀layui源碼的,結(jié)果還是云里霧里,誤以為直奔源碼是最佳方式,一葉障目而不見泰山,兩耳塞豆而不聞雷霆;
個人觀點:如果作為學習時又覺得撇開文檔直接去讀源碼的方式適合自己 暫不做評論,但若是用于工作此種方式個人認為是最為笨拙的,因此官方文檔對初學者是必讀的,而不是直接上來就去看源碼,本系列文檔可作為larryms產(chǎn)品使用的前提基礎,若是初次接觸推薦閱讀,若有瑕疵可在評論中給予斧正】
code
Document
備注:
預加載的方式無論從代碼可維護度、閱讀便利以及代碼優(yōu)雅美觀方面是要強于按需加載避免隨從可見的layui.use()造成混亂,曾遇到過對網(wǎng)站性能的極致苛求用戶使用按需加載方式【不推薦使用按需加載方式】,按需加載如果對變量的作用域等關系處理不當也容易出現(xiàn)錯誤且不便于后期維護,當然在某些特定的情況下 可以配合layui.cache.xx全局變量使用按需加載也是相對較好的方式;
但同時也不建議直接引入 layui.all.js一次性全加載(全加載方式似乎失去了layui模塊化的意義); layui的模塊組件通過預加載方式在larryms的產(chǎn)品中是比較常見的。
感謝各位的閱讀!看完上述內(nèi)容,你們對layui如何引用大概了解了嗎?希望文章內(nèi)容對大家有所幫助。如果想了解更多相關文章內(nèi)容,歡迎關注創(chuàng)新互聯(lián)行業(yè)資訊頻道。