前言
? ? 無意找了個很好看的小程序UI組件庫:ColorUI github钞支。
? ? 之前做的小程序小工具都是使用原生的自己編碼的兰珍,難免會有東拼西湊的地方谆级,正好這段時間有空澈段,準備花點時間找一個較好的小程序組件庫或者框架饭庞,來提示開發(fā)效率,以及能提高逼格- -
準備
? ? 百度了一堆轧膘,結果如下:
- 組件庫
- 有贊UI組件庫:vant webapp github
? ? 適用商城類钞螟,簡單的需求用這個也不錯
- 蘑菇街UI組件庫:MinUI github
? ? 挺好看的,但是搜出來使用這個的不多谎碍,可能我姿勢不對吧
- TalkingData UI組件庫:iView webapp github
? ? 組件多...
- Wux WeApp UI組件庫:Wux WeApp github
? ? 好像是個人開發(fā)的鳞滨,效果也不錯,有日歷手風琴等
- 京東 UI組件庫:Taro-UI github
? ? 結合taro框架用react開發(fā)方式的蟆淀,不適合
- ColorUI UI組件庫:ColorUI github
? ? 直接添加class即可實現(xiàn)效果拯啦,視覺效果很棒。
- 前端框架
- 美團點評:mpvue github
? ? 使用 Vue.js 開發(fā)小程序的前端框架扳碍√岵恚框架基于 Vue.js 核心,mpvue 修改了 Vue.js 的 runtime 和 compiler 實現(xiàn)笋敞,使其可以運行在小程序環(huán)境中碱蒙,從而為小程序開發(fā)引入了整套 Vue.js 開發(fā)體驗。
- 京東:Taro github
? ? 多端統(tǒng)一開發(fā)框架夯巷,支持用 React 的開發(fā)方式編寫一次代碼赛惩,生成能運行在微信小程序、H5趁餐、React Native 等的應用
- 騰訊:WePY github
? ? 接近于 Vue.js
- WeTouch:Touch WX 文檔
- 小結
? ? 框架:京東的是 React 方式編碼喷兼,其他多數(shù)是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咯趣倾,畢竟是奔著學習來的聘惦。