微信小程序前端框架/UI組件


前言

    剛開始寫bolg,嘗試記錄一些日常。
    無意找了個很好看的小程序UI組件庫:ColorUI github

    之前做的小程序小工具都是使用原生的自己編碼的,難免會有東拼西湊的地方,正好這段時間有空,准備花點時間找一個較好的小程序組件庫或者框架,來提示開發效率,以及能提高逼格- -

准備

    百度了一堆,結果如下:

  • 組件庫
  1. 有贊UI組件庫:vant webapp github
    適用商城類,簡單的需求用這個也不錯
  2. 蘑菇街UI組件庫:MinUI github
    挺好看的,但是搜出來使用這個的不多,可能我姿勢不對吧
  3. TalkingData UI組件庫:iView webapp github
    組件多...
  4. Wux WeApp UI組件庫:Wux WeApp github
    好像是個人開發的,效果也不錯,有日歷手風琴等
  5. 京東 UI組件庫:Taro-UI github
    結合taro框架用react開發方式的,不適合
  6. ColorUI UI組件庫:ColorUI github
    直接添加class即可實現效果,視覺效果很棒。
  • 前端框架
  1. 美團點評:mpvue github
    使用 Vue.js 開發小程序的前端框架。框架基於 Vue.js 核心,mpvue 修改了 Vue.js 的 runtime 和 compiler 實現,使其可以運行在小程序環境中,從而為小程序開發引入了整套 Vue.js 開發體驗。
  2. 京東:Taro github
    多端統一開發框架,支持用 React 的開發方式編寫一次代碼,生成能運行在微信小程序、H5、React Native 等的應用
  3. 騰訊:WePY github
    接近於 Vue.js
  4. WeTouch:Touch WX 文檔
  • 小結
    框架:京東的是 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


免責聲明!

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



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