App下載

常用小程序開源框架匯總

湯小洋 2021-08-03 17:58:20 瀏覽數(shù) (3957)
反饋
原文: https://blog.51cto.com/u_12402007/2492775

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

1:WeUI 小程序–使用教程

weui.io

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

2:美團小程序框架mpvue

Github:github.com/Meituan-Dianping/mpvue
官網(wǎng): mpvue.com/

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

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

Github地址:
github.com/Tencent/wepy
官網(wǎng)地址:
tencent.github.io/wepy

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

4:官方框架MINA

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

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

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

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

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

6:前端框架weweb

地址: github.com/wdfe/weweb

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

7:微信UI組件庫 iView Weapp

weapp.iviewui.com/

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

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

cnodejs.org/topic/589d625a5c8036f7019e7a4a

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

9:Taro

官網(wǎng):taro.aotu.io/
GitHub: github.com/nervjs/taro

Taro 是由京東 - 凹凸實驗室打造的一套遵循 React 語法規(guī)范的多端統(tǒng)一開發(fā)框架。

使用 Taro,我們可以只書寫一套代碼,再通過 Taro 的編譯工具,將源代碼分別編譯出可以在不同端(微信小程序、H5、App 端等)運行的代碼。同時 Taro 還提供開箱即用的語法檢測和自動補全等功能,有效地提升了開發(fā)體驗和開發(fā)效率。

10:uni-app

uni-app 是一個使用 Vue.js 開發(fā)跨平臺應(yīng)用的前端框架,開發(fā)者編寫一套代碼,可編譯到iOS、Android、H5、小程序等多個平臺。

官網(wǎng):uniapp.dcloud.io/

以上內(nèi)容由湯小洋老師整理發(fā)布,更多湯小洋課程請關(guān)注編程獅(w3cschool.cn)

1 人點贊