layui框架的優(yōu)缺點有哪些

小編給大家分享一下layui框架的優(yōu)缺點有哪些，希望大家閱讀完這篇文章后大所收獲，下面讓我們一起去探討吧！

成都創(chuàng)新互聯(lián)公司服務項目包括濂溪網(wǎng)站建設、濂溪網(wǎng)站制作、濂溪網(wǎng)頁制作以及濂溪網(wǎng)絡營銷策劃等。多年來，我們專注于互聯(lián)網(wǎng)行業(yè)，利用自身積累的技術優(yōu)勢、行業(yè)經(jīng)驗、深度合作伙伴關系等，向廣大中小型企業(yè)、政府機構(gòu)等提供互聯(lián)網(wǎng)行業(yè)的解決方案，濂溪網(wǎng)站推廣取得了明顯的社會效益與經(jīng)濟效益。目前，我們服務的客戶以成都為中心已經(jīng)輻射到濂溪省份的部分城市，未來相信會繼續(xù)擴大服務區(qū)域并繼續(xù)獲得客戶的支持與信任！

 layui框架的優(yōu)點有它屬于輕量級框架，簡單適合后端人員開發(fā)；缺點是技術還不是很成熟，由于需要查詢DOM操作因此在前端交互上較麻煩

layui是一款模塊化的前端框架，因其簡單而又充實的內(nèi)在而受到歡迎。

layui含義：

layui是一款采用自身模塊規(guī)范編寫的前端 UI 框架，它遵循原生的 HTML/CSS/JS 書寫方式。它雖然外在極簡，但是內(nèi)容豐富，里面包含眾多組件從核心代碼到 API 都非常適合界面的快速開發(fā)。事實上layui更多是面向于后端開發(fā)者，而且它還擁有自己的模式。更加輕量和簡單

layui的優(yōu)點與缺點

優(yōu)點有以下幾方面：

（1）layui屬于輕量級框架，簡單美觀。適用于開發(fā)后端模式，它在服務端頁面上有非常好的效果。

（2）layui是提供給后端開發(fā)人員最好的ui框架，基于DOM驅(qū)動，只要不涉及到交互layui還是很不錯的

缺點如下：

（1）layui出現(xiàn)較遲，想必其他前端框架來說還是不太成熟?，F(xiàn)在已更新到2.X版本了

（2）在實現(xiàn)前端交互上比較麻煩，因為頁面的增刪改查都需要查詢DOM元素

案例：通過layui框架實現(xiàn)輪播圖效果

（1）外部引入layui文件

<link rel="stylesheet" type="text/css" href=".\layui-v2.4.5\layui\css\layui.css">
<script src=.\layui-v2.4.5\layui\layui.js></script>

（2）輪播圖代碼：

<div class="layui-carousel" id="test1" lay-filter="carofilter" style="font-size:larger">
        <div carousel-item>
            <div style="background-color:pink;">圖1</div>
            <div style="background-color:lightblue">圖2</div>
            <div style="background-color:blue">圖3</div>
            <div style="background-color:mediumorchid">圖4</div>
            <div style="background-color:orange">圖5</div>
        </div>
    </div>
    <script src=.\layui-v2.4.5\layui\layui.js></script>
    <script>
        layui.use('carousel', function () {
            var carousel = layui.carousel;
            var ins=carousel.render({
                elem: '#test1'
                , width: '450px'     //設置容器寬度
                , arrow: 'always'    //始終顯示箭頭，可選hover,none
                //,anim: 'updown'    //切換動畫方式，可選fade,default
                , full: false        //全屏
                , autoplay: true     //自動切換
                , interval: 1000     //自動切換的時間間隔
                , index: 3           //初始化時item索引,默認時0
                , indicator:'inside' //指示器位置，可選outside,none
            });
            //監(jiān)聽輪播切換事件
            carousel.on('change(carofilter)', function (obj) { //test1來源于對應HTML容器的 
            lay-filter="test1" 屬性值
                console.log(obj.index);     //當前條目的索引
                console.log(obj.prevIndex); //上一個條目的索引
                console.log(obj.item);      //當前條目的元素對象
            });

            //重置輪播
            ins.reload({arrow:'hover'});//將arror從alway變成hover
        });
    </script>

效果圖：

看完了這篇文章，相信你對layui框架的優(yōu)缺點有哪些有了一定的了解，想了解更多相關知識，歡迎關注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝各位的閱讀！

文章名稱：layui框架的優(yōu)缺點有哪些
路徑分享：http://muchs.cn/article12/jcgjdc.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站改版、定制網(wǎng)站、企業(yè)網(wǎng)站制作、響應式網(wǎng)站、服務器托管、全網(wǎng)營銷推廣

廣告

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