微信小程序常見的UI框架/組件庫總結(jié)

時間：2023-05-15 23:24:02 | 來源：網(wǎng)站運營

時間：2023-05-15 23:24:02 來源：網(wǎng)站運營

微信小程序常見的UI框架/組件庫總結(jié)：
想要開發(fā)出一套高質(zhì)量的小程序，運用框架，組件庫是省時省力省心必不可少一部分，隨著小程序日漸火爆，各種不同類型的小程序也漸漸更新，其中不乏一些優(yōu)秀好用的框架/組件庫。

1：WeUI 小程序–使用教程


https://weui.io/



官方介紹：WeUI 是一套同微信原生視覺體驗一致的基礎(chǔ)樣式庫，由微信官方設(shè)計團隊為微信內(nèi)網(wǎng)頁和微信小程序量身設(shè)計，令用戶的使用感知更加統(tǒng)一。小程序開發(fā)中最常用到的一款框架，受廣大開發(fā)人員的歡迎。















2：美團小程序框架mpvue


Github：https://github.com/Meituan-Dianping/mpvue

官網(wǎng)： http://mpvue.com/



官方介紹：mpvue是一個使用 Vue.js開發(fā)小程序的前端框架?？蚣芑?Vue.js核心，mpvue修改了 Vue.js的 runtime和 compiler實現(xiàn)，使其可以運行在小程序環(huán)境中，從而為小程序開發(fā)引入了整套Vue.js開發(fā)體驗。














3：組件化開發(fā)框架wepy


Github地址:

https://github.com/Tencent/wepy

官網(wǎng)地址：

https://tencent.github.io/wepy



官方介紹：組件化開發(fā)，完美解決組件隔離，組件嵌套，組件通信等問題,支持使用第三方 npm 資源，自動處理 npm 資源之間的依賴關(guān)系，完美兼容所有無平臺依賴的 npm 資源包.














4：官方框架MINA


地址：https://developers.weixin.qq.com/miniprogram/dev/framework/MINA.html



官方介紹：框架提供了自己的視圖層描述語言 WXML 和 WXSS，以及基于 JavaScript 的邏輯層框架，并在視圖層與邏輯層間提供了數(shù)據(jù)傳輸和事件系統(tǒng)，可以讓開發(fā)者可以方便的聚焦于數(shù)據(jù)與邏輯上。















5：Tina.js 一款輕巧的漸進式微信小程序框架


Tina.js 開源框架地址： https://github.com/tinajs/tina



官方介紹：是一款輕巧的漸進式微信小程序框架，保留 MINA (微信小程序官方框架) 的大部分 API 設(shè)計；無論你有無小程序開發(fā)經(jīng)驗，都可以輕松過渡上手。

















6：前端框架weweb


地址: https://github.com/wdfe/weweb



官方介紹：weweb是一個兼容小程序語法的前端框架，你可以用小程序的寫法，來寫web應(yīng)用。如果你已經(jīng)有小程序了，通過它你可以將你的小程序運行在瀏覽器中。

7：微信UI組件庫 iView Weapp


https://weapp.iviewui.com/



介紹：iView Weapp 提供了與 iView 一致的 UI 和盡可能相同的接口名稱，大幅度降低了學(xué)習(xí)成本，是一套一套高質(zhì)量的微信小程序 UI 組件庫。

















8：ZanUI-WeApp -- 一個顏值高、好用、易擴展的微信小程序 UI 庫


https://cnodejs.org/topic/589d625a5c8036f7019e7a4a



官方介紹：ZanUI-WeApp結(jié)合了微信的視覺規(guī)范，為用戶提供更加統(tǒng)一的使用感受。 包含 badge、btn、等共計 17 類組件或元素。