- 元件庫
- 有贊UI元件庫:vant webapp github
youzan.github.io/vant-weapp
適用商城類,簡單的需求用這個也不錯 - 蘑菇街UI元件庫:MinUI github
github.com/meili/minui
挺好看的,但是搜出來使用這個的不多,可能我姿勢不對吧 - TalkingData UI元件庫:iView webapp github github.com/TalkingData…
元件多... - Wux WeApp UI元件庫:Wux WeApp github
github.com/wux-weapp/w…
好像是個人開發的,效果也不錯,有日曆手風琴等 - 京東 UI元件庫:Taro-UI github
github.com/NervJS/taro…
結合taro框架用react開發方式的,不適合 - ColorUI UI元件庫:ColorUI github
github.com/weilanwl/Co…
直接新增class即可實現效果,視覺效果很棒。
- 前端框架
- 美團點評:mpvue github
github.com/Meituan-Dia…
使用 Vue.js 開發小程式的前端框架。框架基於 Vue.js 核心,mpvue 修改了 Vue.js 的 runtime 和 compiler 實現,使其可以執行在小程式環境中,從而為小程式開發引入了整套 Vue.js 開發體驗。 - 京東:Taro github
github.com/NervJS/taro
多端統一開發框架,支援用 React 的開發方式編寫一次程式碼,生成能執行在微信小程式、H5、React Native 等的應用 - 騰訊:WePY github
tencent.github.io/wepy/
接近於 Vue.js - WeTouch:Touch WX 文件
www.wetouch.net/touchwx_doc…
- 小結
框架:京東的是 React 方式編碼,其他多數是vue方式。不考慮框架,因為都沒用過,耗時多- -
UI元件:看了issue和考慮大廠使用,選用vant webapp、iView webapp
-----------------------------
轉載原作者點評:
前前後後花了2,3天時間瞭解微信小程式的元件庫和前端框架,本來準備使用mpvue的,但基於開源時間不是很長,自己不熟悉vue.js,怕自己爬不出坑放棄了,還是選擇UI元件庫。因為懶,選了元件較多的iView webapp,還有一個原因就是iview還有iview admin後臺框架,萬一哪天能用上呢~
準備使用的是後臺框架ASPNET MVC5.0+EASYUI+EF+WEBAPI,小程式前端選擇iView webapp。當然還有好看的Color UI
開始
上面基本上都會用到npm;而且由於微信小程式寫法也類似vue,加上選擇的iView是基於vue.js的UI元件庫,iView webapp使用方式與iView基本一致,所以還要學習瞭解一下vue.js。就這樣準備使用iView webapp前,再研究研究node.js和vue.js咯,畢竟是奔著學習來的。
網上找了一個文章,感覺不錯,大致瀏覽,瞭解即可,畢竟這次目的是小程式。node.js入門
寫完本文後,因專案原因需要開發移動端專案,iView只有PC端,只能轉到vant這個UI元件了。PC端需求較少,目前工作主要還是移動端和小程式專案。——2018-11-7
【完】