小編給大家分享一下layui框架的優(yōu)缺點有哪些,希望大家閱讀完這篇文章后大所收獲,下面讓我們一起去探討吧!
成都創(chuàng)新互聯(lián)公司服務項目包括濂溪網站建設、濂溪網站制作、濂溪網頁制作以及濂溪網絡營銷策劃等。多年來,我們專注于互聯(lián)網行業(yè),利用自身積累的技術優(yōu)勢、行業(yè)經驗、深度合作伙伴關系等,向廣大中小型企業(yè)、政府機構等提供互聯(lián)網行業(yè)的解決方案,濂溪網站推廣取得了明顯的社會效益與經濟效益。目前,我們服務的客戶以成都為中心已經輻射到濂溪省份的部分城市,未來相信會繼續(xù)擴大服務區(qū)域并繼續(xù)獲得客戶的支持與信任!
layui框架的優(yōu)點有它屬于輕量級框架,簡單適合后端人員開發(fā);缺點是技術還不是很成熟,由于需要查詢DOM操作因此在前端交互上較麻煩
layui是一款模塊化的前端框架,因其簡單而又充實的內在而受到歡迎。
layui含義:
layui是一款采用自身模塊規(guī)范編寫的前端 UI 框架,它遵循原生的 HTML/CSS/JS 書寫方式。它雖然外在極簡,但是內容豐富,里面包含眾多組件從核心代碼到 API 都非常適合界面的快速開發(fā)。事實上layui更多是面向于后端開發(fā)者,而且它還擁有自己的模式。更加輕量和簡單
layui的優(yōu)點與缺點
優(yōu)點有以下幾方面:
(1)layui屬于輕量級框架,簡單美觀。適用于開發(fā)后端模式,它在服務端頁面上有非常好的效果。
(2)layui是提供給后端開發(fā)人員最好的ui框架,基于DOM驅動,只要不涉及到交互layui還是很不錯的
缺點如下:
(1)layui出現較遲,想必其他前端框架來說還是不太成熟?,F在已更新到2.X版本了
(2)在實現前端交互上比較麻煩,因為頁面的增刪改查都需要查詢DOM元素
案例:通過layui框架實現輪播圖效果
(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://m.rwnh.cn/article12/jcgjdc.html
成都網站建設公司_創(chuàng)新互聯(lián),為您提供網站改版、定制網站、企業(yè)網站制作、響應式網站、服務器托管、全網營銷推廣
聲明:本網站發(fā)布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯(lián)