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


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

 

1.返回頂部
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、
2.返回頂部
 
3.返回頂部
 
4.返回頂部
 
5.返回頂部
1、
2、
 
6.返回頂部
 
warn 作者:ylbtech
出處:http://ylbtech.cnblogs.com/
本文版權歸作者和博客園共有,歡迎轉載,但未經作者同意必須保留此段聲明,且在文章頁面明顯位置給出原文連接,否則保留追究法律責任的權利。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM