本篇文章為大家展示了Layui的基礎(chǔ)使用方法，代碼簡(jiǎn)明扼要并且容易理解，絕對(duì)能使你眼前一亮，通過(guò)這篇文章的詳細(xì)介紹希望你能有所收獲。

成都創(chuàng)新互聯(lián)來(lái)電聯(lián)系：13518219792，為您提供成都網(wǎng)站建設(shè)網(wǎng)頁(yè)設(shè)計(jì)及定制高端網(wǎng)站建設(shè)服務(wù)，成都創(chuàng)新互聯(lián)網(wǎng)頁(yè)制作領(lǐng)域10年，包括葡萄架等多個(gè)方面擁有多年設(shè)計(jì)經(jīng)驗(yàn)，選擇成都創(chuàng)新互聯(lián)，為網(wǎng)站錦上添花！

layui（諧音：類(lèi)UI) 是一款采用自身模塊規(guī)范編寫(xiě)的前端 UI 框架，遵循原生 HTML/CSS/JS 的書(shū)寫(xiě)與組織形式，門(mén)檻極低，拿來(lái)即用。非常適合界面的快速開(kāi)發(fā)。

獲得 layui 后，將其完整地部署到你的項(xiàng)目目錄（或靜態(tài)資源服務(wù)器），你只需要引入下述兩個(gè)文件：

./layui/css/layui.css
./layui/layui.js //提示：如果是采用非模塊化方式（最下面有講解），此處可換成：./layui/layui.all.js

沒(méi)錯(cuò)，不用去管其它任何文件。因?yàn)樗麄儯ū热绺髂K）都是在最終使用的時(shí)候才會(huì)自動(dòng)加載。

這是一個(gè)基本的入門(mén)頁(yè)面：

注：使用layui需要先加載模塊使用，上述代碼中就是預(yù)先加載模塊！如果 首先不加載模塊就直接layer. 使用的話運(yùn)行時(shí)是會(huì)報(bào)錯(cuò)的！找不到layer該對(duì)象或者找不到方法等其他問(wèn)題！

layui.use(['layer', 'form'], function(){
  var layer = layui.layer
  ,form = layui.form;
});

下面是我使用的代碼案例：

調(diào)用layui：

預(yù)先加載：

//layui layer
let layuiLayer;
//layui預(yù)先加載
layui.use(['layer'], function () {
    layuiLayer = layui.layer;
});

使用layui對(duì)象：

  layuiLayer.open({
            title: '提示',
            content: '請(qǐng)輸入名字！'
        })

上述內(nèi)容就是Layui的基礎(chǔ)使用方法，你們學(xué)到知識(shí)或技能了嗎？如果還想學(xué)到更多技能或者豐富自己的知識(shí)儲(chǔ)備，歡迎關(guān)注創(chuàng)新互聯(lián)成都網(wǎng)站設(shè)計(jì)公司行業(yè)資訊頻道。

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無(wú)理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì)，專(zhuān)為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。

分享題目：Layui的基礎(chǔ)使用方法-創(chuàng)新互聯(lián)
網(wǎng)頁(yè)地址：http://weahome.cn/article/dgpdhi.html