小程序-文章：微信小程序常見的UI框架/組件庫總結

ylbtech-小程序-文章：微信小程序常見的UI框架/組件庫總結

 

1.返回頂部

一、

想要開發出一套高質量的小程序，運用框架，組件庫是省時省力省心必不可少一部分，隨着小程序日漸火爆，各類不一樣類型的小程序也漸漸更新，其中不乏一些優秀好用的框架/組件庫。

1：WeUI  小程序–使用教程

https://weui.io/

官方介紹：WeUI 是一套同微信原生視覺體驗一致的基礎樣式庫，由微信官方設計團隊爲微信內網頁和微信小程序量身設計，令用戶的使用感知更加統一。小程序開發中最經常使用到的一款框架，受廣大開發人員的歡迎。

 

2：美團小程序框架mpvue

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

官方介紹：mpvue是一個使用 Vue.js開發小程序的前端框架。框架基於 Vue.js核心，mpvue修改了 Vue.js的 runtime和 compiler實現，使其能夠運行在小程序環境中，從而爲小程序開發引入了整套Vue.js開發體驗。

 

3：組件化開發框架wepy

Github地址：https://github.com/Tencent/wepy
官網地址：https://tencent.github.io/wepy 

官方介紹：組件化開發，完美解決組件隔離，組件嵌套，組件通訊等問題,支持使用第三方 npm 資源，自動處理 npm 資源之間的依賴關係，完美兼容全部無平臺依賴的 npm 資源包.

4：官方框架MINA

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

官方介紹：框架提供了本身的視圖層描述語言 WXML 和 WXSS，以及基於 JavaScript 的邏輯層框架，並在視圖層與邏輯層間提供了數據傳輸和事件系統，可讓開發者能夠方便的聚焦於數據與邏輯上。

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

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

官方介紹：是一款輕巧的漸進式微信小程序框架，保留 MINA (微信小程序官方框架) 的大部分 API 設計；不管你有無小程序開發經驗，均可以輕鬆過渡上手。

6：前端框架weweb

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

官方介紹：weweb是一個兼容小程序語法的前端框架，你能夠用小程序的寫法，來寫web應用。若是你已經有小程序了，經過它你能夠將你的小程序運行在瀏覽器中。

7：微信UI組件庫 iView Weapp

 https://weapp.iviewui.com/

介紹：iView Weapp 提供了與 iView 一致的 UI 和儘量相同的接口名稱，大幅度下降了學習成本，是一套一套高質量的微信小程序 UI 組件庫。

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

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

官方介紹：ZanUI-WeApp結合了微信的視覺規範，爲用戶提供更加統一的使用感覺。 包含 badge、btn、等共計 17 類組件或元素。

二、

2.返回頂部

 

3.返回頂部

 

4.返回頂部

 

5.返回頂部

一、

https://mp.weixin.qq.com/s?__biz=MzI2ODUxMzg4Nw==&mid=2247484752&idx=1&sn=4faa88716f1a3b43154ed992b43bc721&chksm=eaef2260dd98ab762bc6f543c388b60f4dd3616cdc3329d0a573c707c1196ca7fe4043b954eb&mpshare=1&scene=24&srcid=0821coqn77f9lVHMUk7Qs78k#rd

二、

 

6.返回頂部

 

做者：ylbtech 出處：http://ylbtech.cnblogs.com/ 本文版權歸做者和博客園共有，歡迎轉載，但未經做者贊成必須保留此段聲明，且在文章頁面明顯位置給出原文鏈接，不然保留追究法律責任的權利。