easyui和layui哪個(gè)好 請問大家,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ù)和方法不在同一位置,這可能會導(dǎo)致人員死亡。當(dāng)然,vue3已經(jīng)解決了這個(gè)問題,所有的邏輯都可以寫成函數(shù)。我個(gè)人還是覺得簡單的頁面使用Vue,復(fù)雜的業(yè)務(wù)邏輯使用jQuery
layui的分頁會改變limit和page(即每頁和當(dāng)前頁面的項(xiàng)數(shù)),可能就是后臺的名稱(詳見layui的數(shù)據(jù)表說明),您需要在后臺接收這兩個(gè)參數(shù),然后顯示相應(yīng)的內(nèi)容。運(yùn)行網(wǎng)頁時(shí),可以在網(wǎng)頁中按F12,然后單擊“網(wǎng)絡(luò)監(jiān)視”下的第2頁,查看請求是否正確發(fā)送到后臺。如果參數(shù)發(fā)送正確,則是后臺的問題。這不是簡單的說法。這取決于你的背景分頁代碼。
layui分頁效果實(shí)現(xiàn)代碼?
Vue(angular,react)這些框架將負(fù)責(zé)數(shù)據(jù)和視圖的綁定。當(dāng)數(shù)據(jù)發(fā)生變化時(shí),視圖將自動更新,當(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ū)動,實(shí)現(xiàn)前端交互比較麻煩。頁面的添加、刪除、修改和查詢都需要查詢DOM元素。所以在不需要交互的時(shí)候使用layui是很好的。Bootstrap在前端響應(yīng)方面做得很好,PC和移動終端都表現(xiàn)良好。如果它與官方網(wǎng)站類似,需要同時(shí)滿足PC和移動終端的效果,那么BS的表現(xiàn)就非常好。但如果是一個(gè)可以互動的網(wǎng)站,比如商場,Vue顯然更好,前端和后端分開。