easyui和layui哪個(gè)好 請(qǐng)問大家,easyui,layui,vue,jquery,bootstrap有什么區(qū)別?
請(qǐng)問大家,easyui,layui,vue,jquery,bootstrap有什么區(qū)別?問這個(gè)問題說明房東是一個(gè)愛學(xué)習(xí)、愛學(xué)習(xí)的好人選。事實(shí)上,它們之間是有聯(lián)系的。一步步的,隨著技術(shù)的變化,它們是成熟
請(qǐng)問大家,easyui,layui,vue,jquery,bootstrap有什么區(qū)別?
問這個(gè)問題說明房東是一個(gè)愛學(xué)習(xí)、愛學(xué)習(xí)的好人選。事實(shí)上,它們之間是有聯(lián)系的。一步步的,隨著技術(shù)的變化,它們是成熟的還是被淘汰的
html是一種超文本語言。為了操作HTML中的DOM元素,JavaScript出現(xiàn)了,這是前端的雛形
后來,隨著瀏覽器的發(fā)展,為了與主流瀏覽器兼容,JavaScript被封裝T出現(xiàn)了jQuery,從此jQuery統(tǒng)一了整個(gè)世界
然后,國外的twitter開源了bootstrap組件,而國內(nèi)的大神開源易瑞和拉依。為了提高開發(fā)效率,它們都封裝了通用風(fēng)格的組件
只有我一個(gè)人感覺Layui和Vue差別不大嗎?
lay UI基于jQuery。當(dāng)然,在許多地方,它直接操作Josn數(shù)據(jù)并顯示綁定的數(shù)據(jù)。Vue的底層是操作虛擬DOM來實(shí)現(xiàn)數(shù)據(jù)綁定。事實(shí)上,開發(fā)者不需要在意。Vue的編寫還需要改進(jìn),才能將數(shù)據(jù)綁定到DOM的指定位置,甚至需要做一些邏輯,比如V-IF等,layui實(shí)際上是對(duì)封裝方法的直接調(diào)用。
Vue最大的問題是,如果頁面非常復(fù)雜,DOM、數(shù)據(jù)和方法不在同一個(gè)位置,那么它將花費(fèi)人們的生命。當(dāng)然,vue3已經(jīng)解決了這個(gè)問題,所有的邏輯都可以寫成函數(shù)。就我個(gè)人而言,我仍然認(rèn)為簡(jiǎn)單的頁面使用Vue,而復(fù)雜的業(yè)務(wù)邏輯使用jQuery
1。第一步是在我們的計(jì)算機(jī)上打開軟件,創(chuàng)建一個(gè)新的HTML,并添加layui的JS和CSS文件,如下圖所示:2第二步,我們打開新的HTML文件并在<head>標(biāo)記中引入它layui.css文件, layui.js公司文件,如下圖所示:第三步3,我們開始編寫body頁面的內(nèi)容,這里給出的表內(nèi)容是layui的表示例數(shù)據(jù),如下圖所示:4在第四步中,我們最終在表數(shù)據(jù)塊中添加了click事件,表.on(“工具(demoevent)”,函數(shù)(obj){}偵聽單元格事件,圖層.提示()彈出框,使用對(duì)象更新({ 符號(hào):值})要更新表和緩存,如下圖所示:5步驟5:我們?cè)跒g覽器中打開HTML頁面,看到表的數(shù)據(jù)內(nèi)容,如下圖所示:6步驟6:我們點(diǎn)擊表的數(shù)據(jù)內(nèi)容,彈出框,顯示網(wǎng)格中數(shù)據(jù)的單位,可以看到點(diǎn)擊事件是通過layi添加到表數(shù)據(jù)中的,如下圖所示: