前端樹形控件 請問大家,easyui,layui,vue,jquery,bootstrap有什么區(qū)別?
請問大家,easyui,layui,vue,jquery,bootstrap有什么區(qū)別?問這個(gè)問題說明房東是一個(gè)愛學(xué)習(xí)、愛學(xué)習(xí)的好人選。事實(shí)上,它們之間是有聯(lián)系的。一步步的,隨著技術(shù)的變化,它們是成熟
請問大家,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í)際上是對封裝方法的直接調(diào)用。
Vue最大的問題是,如果頁面非常復(fù)雜,DOM、數(shù)據(jù)和方法不在同一個(gè)位置,因此會導(dǎo)致人員死亡。當(dāng)然,vue3已經(jīng)解決了這個(gè)問題,所有的邏輯都可以寫成函數(shù)。就我個(gè)人而言,我仍然認(rèn)為簡單的頁面使用Vue,復(fù)雜的業(yè)務(wù)邏輯使用jQuery
首先聽click事件,然后首先刪除Li的所有l(wèi)ayui this屬性,然后將layui this屬性設(shè)置為所需的Li。
請參閱JQ示例:
$()。Layui NAV項(xiàng)目“)。在(“click”上,函數(shù)(){
if(!$(這個(gè))。Hasclass(“l(fā)ayui this”){
$(this)。Addclass(“l(fā)ayui this”)。兄弟姐妹(”。Layui NAV項(xiàng)目“)。Removeclass(“l(fā)ayui this”)
//點(diǎn)擊判斷是否沒有l(wèi)ayui this,添加,刪除其他
}
Layui框架中“l(fā)ayui-this”這個(gè)屬性怎么動(dòng)態(tài)?
layui的數(shù)據(jù)接口返回的數(shù)據(jù)是JSON格式的。具體格式可以在layui網(wǎng)站的開發(fā)文檔中找到,包括初始化菜單、數(shù)據(jù)綁定表等,只需按照示例操作即可。
layui數(shù)據(jù)接口怎么寫?
Vue(angular,react)這些框架將負(fù)責(zé)數(shù)據(jù)和視圖的綁定。當(dāng)數(shù)據(jù)發(fā)生變化時(shí),視圖將自動(dòng)更新,當(dāng)視圖事件發(fā)生時(shí),數(shù)據(jù)將被更新,這非常容易。像layui(bootstrap,extjs)這樣的庫并不像框架,而是組件庫。它們提供了一些組件(如表和樹)。它們只提供外觀和行為,而不與數(shù)據(jù)綁定。當(dāng)數(shù)據(jù)更改時(shí),您負(fù)責(zé)刷新;當(dāng)視圖更改時(shí),您自己獲取數(shù)據(jù)。Vue的接口庫element UI和lay UI是組件庫。區(qū)別在于數(shù)據(jù)和視圖是否關(guān)聯(lián)。實(shí)際上,layui更傾向于與后端開發(fā)人員一起使用。它對服務(wù)器端頁面有很好的效果,可以作為后臺框架來滿足服務(wù)器端程序員的需求。
Layui是后端開發(fā)人員的最佳UI框架?;贒OM驅(qū)動(dòng),實(shí)現(xiàn)前端交互比較麻煩。頁面的添加、刪除、修改和查詢都需要查詢DOM元素。所以在不需要交互的時(shí)候使用layui是很好的。Bootstrap在前端響應(yīng)方面做得很好,PC和移動(dòng)終端都表現(xiàn)良好。如果它與官方網(wǎng)站類似,需要同時(shí)滿足PC和移動(dòng)終端的效果,那么BS的表現(xiàn)就非常好。但如果是一個(gè)可以互動(dòng)的網(wǎng)站,比如商場,Vue顯然更好,前端和后端分開。