easyui和layui哪個(gè)好 如何對(duì)layuitable進(jìn)行自定義？
如何對(duì)layuitable進(jìn)行自定義？第一步是打開(kāi)我們計(jì)算機(jī)上的軟件，創(chuàng)建一個(gè)新的HTML，并添加layui的JS和CSS文件，如下圖所示：2第二步是打開(kāi)新的HTML文件，并將其引入<head&g
如何對(duì)layuitable進(jìn)行自定義？
第一步是打開(kāi)我們計(jì)算機(jī)上的軟件，創(chuàng)建一個(gè)新的HTML，并添加layui的JS和CSS文件，如下圖所示：2第二步是打開(kāi)新的HTML文件，并將其引入<head>標(biāo)記中l(wèi)ayui.css文件， layui.js公司文件，如下圖所示：第三步3，我們開(kāi)始寫正文頁(yè)的內(nèi)容。這里給出的表格內(nèi)容是layui的表格示例數(shù)據(jù)，如下圖所示：4在第四步中，我們最終會(huì)在表格數(shù)據(jù)中添加一個(gè)click事件，表.on（“工具（demoevent）”，函數(shù)（obj）{}偵聽(tīng)單元格事件，圖層.提示（）彈出框，使用對(duì)象更新({ 符號(hào)：值})要更新表和緩存，如下圖所示：5步驟5：我們?cè)跒g覽器中打開(kāi)HTML頁(yè)面，看到表格數(shù)據(jù)內(nèi)容，如下圖所示，如下圖所示：6步驟6：我們點(diǎn)擊表格數(shù)據(jù)內(nèi)容，單元格中的數(shù)據(jù)將顯示在彈出框中。您可以看到點(diǎn)擊事件是通過(guò)layui添加到表數(shù)據(jù)中的，如下圖所示：
只有我一個(gè)人感覺(jué)Layui和Vue差別不大嗎？
layui基于jQuery。當(dāng)然，在很多地方，它也直接操作Josn的數(shù)據(jù)，直接顯示綁定的數(shù)據(jù)。Vue的底層是操作虛擬DOM來(lái)實(shí)現(xiàn)數(shù)據(jù)綁定。事實(shí)上，開(kāi)發(fā)商不需要在意。要編寫Vue，它們需要在DOM的指定位置綁定數(shù)據(jù)，甚至執(zhí)行一些邏輯，例如V-IF。Layui實(shí)際上是一個(gè)直接調(diào)用的打包方法。
Vue最大的問(wèn)題是，如果頁(yè)面非常復(fù)雜，DOM、數(shù)據(jù)和方法不在同一個(gè)位置，那么它將花費(fèi)人們的生命。當(dāng)然，vue3已經(jīng)解決了這個(gè)問(wèn)題，所有的邏輯都可以寫成函數(shù)。就我個(gè)人而言，我仍然認(rèn)為簡(jiǎn)單的頁(yè)面使用Vue，復(fù)雜的業(yè)務(wù)邏輯使用jQuery
Vue（angular，react）這些框架將負(fù)責(zé)數(shù)據(jù)和視圖的綁定如果數(shù)據(jù)發(fā)生變化，視圖將自動(dòng)更新。如果視圖有一個(gè)事件，數(shù)據(jù)將被更新，這非常簡(jiǎn)單。像layui（bootstrap，extjs）這樣的庫(kù)并不像框架，而是組件庫(kù)。它們提供了一些組件（如表和樹(shù)）。它們只提供外觀和行為，而不與數(shù)據(jù)綁定。當(dāng)數(shù)據(jù)更改時(shí)，您負(fù)責(zé)刷新；當(dāng)視圖更改時(shí)，您自己獲取數(shù)據(jù)。Vue的接口庫(kù)element UI和lay UI是組件庫(kù)。區(qū)別在于數(shù)據(jù)和視圖是否關(guān)聯(lián)。實(shí)際上，layui更傾向于與后端開(kāi)發(fā)人員一起使用。它對(duì)服務(wù)器端頁(yè)面有很好的效果，可以作為后臺(tái)框架來(lái)滿足服務(wù)器端程序員的需求。
Layui是后端開(kāi)發(fā)人員的最佳UI框架?；贒OM驅(qū)動(dòng)，實(shí)現(xiàn)前端交互比較麻煩。頁(yè)面的添加、刪除、修改和查詢都需要查詢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)站，比如商場(chǎng)，Vue顯然更好，前端和后端分開(kāi)。