微信小程序自誕生以來大家都一致看好,到現如今各路小程序百花齊放,支付寶小程序,頭條小程序,抖音小程序等。
那么對于小程序的開發(fā)者來說,小程序的開發(fā)生態(tài)也在不斷的完善。從剛開始的原生框架,到騰訊自己開發(fā)的類vue規(guī)范的wepy,再到美團開發(fā)的近vue寫法的mpvue,再到O2實驗室推出的react規(guī)范的taro,再到DCloud推出的vue規(guī)范的uni-app。
js框架的選擇
1、 原生開發(fā)
對于現在的前端來說寫慣了reactjs或vuejs,原生框架局限太多,使用起來不得心應手,所以在框架選擇上我就沒有考慮過原生框架。
2、 wepy
wepy的話它是類vue的,不是真正的vue,對于開發(fā)者來說要掌握vue和wepy兩種語法,所以對于我來說也不是最佳選擇。
3、 mpvue
再看mpvue,我們只要熟悉vue語法就能上手開發(fā),但是考慮到,此項目作者已不再維護,且對于現在多端情況來看,也不是最佳的選擇。
4、 taro
taro的話基于react,這個框架的目標很偉大,編寫一套代碼,能生成運行在為微信小程序,h5,React Native等應用,是一個不錯的選擇,但是基于我對react不熟,所以就考慮了下面一個框架。
5、uni-app
uni-app是使用vuejs開發(fā)所有前端應用的框架,開發(fā)這編寫一套代碼,可發(fā)布到iOS、Android、H5、以及各種小程序(微信/支付寶/百度/頭條/QQ/釘釘)等多個平臺。
基于以上調研,js框架就愉快的決定用uni-app了。
ui框架的選擇
再來看看小程序的ui框架,ui框架選擇了六種市面上用的比較多的:WeUI WXSS、iView WeApp、VantUI WeApp、MinUI、Wux WeApp、ColorUI。
1、 WeUI WXSS
WeUI WXSS是騰訊官方UI組件庫WeUI的小程序版,提供了跟微信界面風格一致的用戶體驗。
GitHub地址:https://github.com/Tencent/weui-wxss
2、 iView WeApp
iView是TalkingData發(fā)布的一款高質量的基于Vue.js組件庫。
GitHub地址:https://github.com/TalkingData/iview-weapp
3、 VantUI WeApp
VantUI WeApp是有贊移動 Web UI 規(guī)范 ZanUI 的小程序實現版本。
GitHub地址:https://youzan.github.io/vant-weapp/#/intro
4、MinUI
MinUI 是蘑菇街前端開發(fā)團隊開發(fā)的基于微信小程序自定義組件特性開發(fā)而成的一套簡潔、易用、高效的組件庫。
GitHub地址:https://github.com/meili/minui
5、Wux WeApp
Wux WeApp也是一個非常不錯的微信小程序自定義 UI 組件庫,組件比較豐富,值得使用。
GitHub地址:https://github.com/wux-weapp/wux-weapp
6、ColorUI
ColorUI是一個Css類的UI組件庫,注重于視覺交互。
GitHub地址:https://github.com/weilanwl/ColorUI
這些ui框架都大同小異,都是一些基本的組件,vantui稍微符合我當前項目的需要,所以就選了VantUI WeApp為主框架。不得不說下ColorUI,界面真的非常棒,奈何都是些常規(guī)的組件,沒有突出的組件。
至此項目框架定為:uni-app + VantUI WeApp
----------分割線----------
有贊官網太坑人了,經常性打不開,使用過程中也是有很多問題,可能是我low,使用方式不對,都感覺要棄用有贊了,改天寫寫使用有贊ui時遇到的一些問題合集。
----------分割線----------
最近發(fā)現一款功能比較齊全的ui框架,uView UI,看起來還不錯,還沒使用過。