移动端UI框架大比拼
1、vonic
vonic是一個(gè)基于 vue.js 和 ionic 樣式的 UI 框架,用于快速構(gòu)建移動(dòng)端單頁(yè)應(yīng)用
onic 依賴(lài)以下幾個(gè)庫(kù),在創(chuàng)建 vonic 項(xiàng)目之前,請(qǐng)確保引入它們。
vue.js
vue-router.js
axios.js (vue.js 官方推薦的 ajax 方案)
中文文檔 在線(xiàn)預(yù)覽
特點(diǎn):樣式簡(jiǎn)單好看,組件比較全面
2、Mint UI
Mint UI 由餓了么前端團(tuán)隊(duì)推出的 Mint UI 是一個(gè)基于 Vue.js 的移動(dòng)端組件庫(kù)
特點(diǎn):體積小,使用方便,代碼簡(jiǎn)潔易懂,但是組件不是特別多,著重于表單和列表控件
MUI
MUI 是 最接近原生APP體驗(yàn)的高性能前端框架,MUI不依賴(lài)任何第三方JS庫(kù),壓縮后的JS和CSS文件僅有100+K和60+K
特點(diǎn):不依賴(lài)于任何框架,有很多原生APP的組件,但是好像時(shí)候做APP,單獨(dú)做移動(dòng)端的網(wǎng)頁(yè)的話(huà)比較麻煩,比較適合做APP混合開(kāi)發(fā)
Vant
Vant是有贊前端團(tuán)隊(duì)基于有贊統(tǒng)一的規(guī)范實(shí)現(xiàn)的 Vue 組件庫(kù),提供了一整套 UI 基礎(chǔ)組件和業(yè)務(wù)組件。
特點(diǎn):推薦使用 Vue 官方提供的腳手架 Vue Cli 3 創(chuàng)建項(xiàng)目
60 個(gè)組件
90% 單元測(cè)試覆蓋率
完善的中英文文檔和示例
支持按需引入
支持主題定制
支持國(guó)際化
支持 TS
支持 SSR
組件比較全面,而且有些業(yè)務(wù)上的特色
Cube UI
Cube由滴滴內(nèi)部組件庫(kù)精簡(jiǎn)提煉而來(lái), 基于 Vue.js 實(shí)現(xiàn)的精致移動(dòng)端組件庫(kù)。
特點(diǎn):主要包括以下四個(gè)方面的組件,對(duì)于基礎(chǔ)的需求已經(jīng)夠了,里面的樣式比較成熟。
總結(jié)
以上是生活随笔為你收集整理的移动端UI框架大比拼的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: 一文读懂AI圣经,凡研究《深度学习》都知
- 下一篇: 现代密码学之对称加密-DES及AES算法