微信小程序前端框架/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 的開發方式編寫一次代碼，生成能運行在微信小程序、H五、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