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

• 组件库

1. 有赞UI组件库：vant webapp github   
   youzan.github.io/vant-weapp
   适用商城类，简单的需求用这个也不错
2. 蘑菇街UI组件库：MinUI github   
   github.com/meili/minui
   挺好看的，可是搜出来使用这个的很少，可能我姿式不对吧
3. TalkingData UI组件库：iView webapp github  github.com/TalkingData…
   组件多...
4. Wux WeApp UI组件库：Wux WeApp github
   github.com/wux-weapp/w…
   好像是我的开发的，效果也不错，有日历手风琴等
5. 京东 UI组件库：Taro-UI github
   github.com/NervJS/taro…
   结合taro框架用react开发方式的，不适合
6. ColorUI UI组件库：ColorUI github
   github.com/weilanwl/Co…
   直接添加class便可实现效果，视觉效果很棒。

• 前端框架

1. 美团点评：mpvue github
   github.com/Meituan-Dia…
   使用 Vue.js 开发小程序的前端框架。框架基于 Vue.js 核心，mpvue 修改了 Vue.js 的 runtime 和 compiler 实现，使其能够运行在小程序环境中，从而为小程序开发引入了整套 Vue.js 开发体验。
2. 京东：Taro github
   github.com/NervJS/taro
   多端统一开发框架，支持用 React 的开发方式编写一次代码，生成能运行在微信小程序、H五、React Native 等的应用
3. 腾讯：WePY github
   tencent.github.io/wepy/
   接近于 Vue.js
4. 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

【完】