小程序前端框架/UI组件

前言

    无意找了个很好看的小程序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咯，毕竟是奔着学习来的。