前端框架有哪些 只有我一個(gè)人感覺Layui和Vue差別不大嗎?
只有我一個(gè)人感覺Layui和Vue差別不大嗎?Layui基于jQuery。當(dāng)然,在很多地方,它也直接操作Josn的數(shù)據(jù),直接顯示綁定的數(shù)據(jù)。Vue的底層是操作虛擬DOM來實(shí)現(xiàn)數(shù)據(jù)綁定。事實(shí)上,開發(fā)商不
只有我一個(gè)人感覺Layui和Vue差別不大嗎?
Layui基于jQuery。當(dāng)然,在很多地方,它也直接操作Josn的數(shù)據(jù),直接顯示綁定的數(shù)據(jù)。Vue的底層是操作虛擬DOM來實(shí)現(xiàn)數(shù)據(jù)綁定。事實(shí)上,開發(fā)商不需要在意。要編寫Vue,它們需要在DOM的指定位置綁定數(shù)據(jù),甚至執(zhí)行一些邏輯,例如V-IF。Layui實(shí)際上是一個(gè)直接調(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
Vue(angular,react)這些框架將負(fù)責(zé)數(shù)據(jù)和視圖的綁定如果數(shù)據(jù)發(fā)生變化,視圖將自動(dòng)更新。如果視圖有一個(gè)事件,數(shù)據(jù)將被更新,這非常簡(jiǎn)單。像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ā)人員一起使用。它對(duì)服務(wù)器端頁面有很好的效果,可以作為后臺(tái)框架來滿足服務(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)站,比如商場(chǎng),Vue顯然更好,前端和后端分開。
layui框架和vue的區(qū)別?
今天,前端框架分為三個(gè)部分:Vue、react和angular。不過,Vue和react在市場(chǎng)上的比重遠(yuǎn)低于angular,而Vue在國(guó)內(nèi)市場(chǎng)的比重和GitHub上的明星數(shù)量都高于react。
Vux是一個(gè)基于weui和Vue的移動(dòng)UI組件庫,可以快速使用。
Muse UI是一個(gè)基于vue2.0和材質(zhì)設(shè)計(jì)風(fēng)格的UI組件庫,界面風(fēng)格非常漂亮。
Vonic基于虛擬用戶.js和離子風(fēng)格的UI框架,簡(jiǎn)單。
Vue recyclerview是基于vue2.0的列表視圖,它模仿Android原生recyclerview,適合列表使用。
有沒有目前比較流行、界面友好、功能齊全的vue移動(dòng)端UI框架(組件庫)?
Vue是一個(gè)用于構(gòu)建用戶界面的漸進(jìn)式框架。與其他大型框架不同,Vue被設(shè)計(jì)成從下到上逐層應(yīng)用。Vue的核心庫只關(guān)注可視層,它不僅易于使用,而且易于與第三方庫或現(xiàn)有項(xiàng)目集成。另一方面,當(dāng)與現(xiàn)代工具鏈和各種支持類庫相結(jié)合時(shí),Vue還可以為復(fù)雜的單頁應(yīng)用程序提供驅(qū)動(dòng)程序。
1. 如果你在做PC應(yīng)用程序,最好的選擇是elementui。
NPM I element UI-S
最簡(jiǎn)單的UI編寫方法:http://element-cn.eleme.io/#/zh-Cn/組件/安裝
2。對(duì)于app mobile應(yīng)用程序,最好選擇AUI或ionic
文檔:http://www.auicss.com/doc/v/2/doc[ID/1
aui2.0是一個(gè)全新的AUI框架,它是在1的基礎(chǔ)上重新構(gòu)建的。十、在2.0中,REM全局控制大小,完全適應(yīng)不同分辨率的移動(dòng)設(shè)備;新增的主題樣式表方便開發(fā)者自定義基本顏色樣式,完成APP主題的定制。從IOS 5.1到Android 4.2的完美兼容性。所以我認(rèn)為它是一個(gè)很好的UI插件。