随州网站建设哪家好/百度seo优化策略

小程序框架有几何？

今天在朋友圈看到一篇文章，讨论小程序的开源框架，看了以后，觉得不甚认同，于是便自己写一篇文章，希望分享一下自己认为的框架分类。

如何分类小程序框架

在进行具体的分类时，我们需要先看一看，都有哪些不同的分类，以便于后续我们划分不同的框架。

一般来说，我们在社区中看到的框架，主要分为两种：

1. UI 框架：UI 框架主要提供的是不同样式的组件，可以方便开发者使用一些现成的样式，完成自己产品、应用的开发。

2. 基础框架：基础框架的主要能力是提供小程序的打包、编译、组件化等能力，让开发者可以更加简单，方便的使用自己熟悉的方案，完成应用的开发。

在厘清了市面上已有的框架以后，我们来看一看市面上有哪些开源的小程序框架。

UI 框架

WeUI

项目地址：https://github.com/Tencent/weui-wxss

WeUI 是由微信官方团队推出的，一套同微信原生视觉体验一致的基础样式库。由微信官方设计团队为微信内网页和微信小程序量身设计，令用户的使用感知更加统一。包含button、cell、dialog、 progress、 toast、article、actionsheet、icon等各式元素。

iView Weapp

项目地址：https://github.com/TalkingData/iview-weapp

iView 是国内用户量极大的 Vue UI 组件库，随着项目的不断发展，iView 也推出其自己的小程序 UI 组件库，我们可以使用 iView 提供的组件库，来完成小程序的开发。

iView Weapp 和其 Vue 组件库一样，封装了大量精致的组件。

Vant Weapp

项目地址：https://github.com/youzan/vant-weapp

Vant UI 的前身是有赞团队开源出来的 ZanUI，后统一品牌名称，为 VantUI。因为有赞团队的业务主要是电商相关，你可以在其中找到大量电商场景下的组件，如果你自己开发的产品也是电商相关，则可以考虑使用其产品。

ColorUI

项目地址：https://github.com/weilanwl/ColorUI

ColorUI 是一个非常漂亮的组件库，其作者在视觉效果方面投入了大量的精力和时间在做优化，使用其构建出来的小程序都称得上是美仑美奂。

Thor UI

项目地址：https://github.com/dingyong0214/ThorUI

Thor UI 也是一个小程序 UI 库，声名不显，不过，其代码更新还算频繁，值得一试。

Vision UI

项目地址：https://github.com/AsherSun/VisionUI

Vision UI 也是一个在 UI 和视觉上花费了一些心思的 UI 组件库，同时，它还提供了多种特定场景下的组件，如地址联动、万年历、运动盒子等。

基础框架

WePY

项目地址：https://github.com/Tencent/wepy

WePy 是最早的小程序基础框架之一，目前依然在更新，WePY 使用的是类 Vue 的语法实现的基础框架，市场上也有大量的 Demo 和课程基于 WePY 开发，对于初学者来说，可以很轻松的找到自己想要学习的内容。

Taro

项目地址：https://github.com/NervJS/taro

Taro 是来自京东凹凸实验室的产品，是一套遵循 React 语法规范的多端开发解决方案，使用 Taro 可以编译出微信/百度/支付宝/字节跳动小程序、H5、React-Native 等多个平台的代码。

mpvue

项目地址：https://github.com/Meituan-Dianping/mpvue

mpvue 是一个使用 Vue.js 开发小程序的前端框架，目前支持 微信小程序、百度智能小程序，头条小程序 和 支付宝小程序。框架基于 Vue.js，修改了的运行时框架 runtime 和代码编译器 compiler 实现，使其可运行在小程序环境中，从而为小程序开发引入了 Vue.js 开发体验。

UniApp

项目地址：https://github.com/dcloudio/uni-app

uni-app 是使用 Vue 语法开发小程序、H5、App的统一框架。开发者使用 Vue语法编写代码，uni-app框架将其编译到 小程序(微信/支付宝/百度/字节跳动/QQ/钉钉)、App(iOS/Android)、H5等多个平台，保证其正确运行并达到优秀体验。

Chameleon

项目地址：https://github.com/didi/chameleon

Chameleon 是滴滴团队开发的一套多端小程序解决方案，目前已经支持了web、微信小程序、支付宝小程序、百度小程序、android(weex)、ios(weex)、qq 小程序、字节跳动小程序、快应用(进行中)等多个平台。如果你有多平台的需求，可以试试看。

Remax

项目地址：https://github.com/remaxjs/remax

Remax 是最近出现的小程序基础框架，同样是基于 React 规范的方案，Remax 主打的是「使用真正的 React 构建小程序」，他采用的方案不是 Taro 所使用的静态编译，可以无限制的使用 React 各项特性，包括 React Hooks。

MinUI

项目地址：https://github.com/remaxjs/remax

MinUI 是一个非常早期的框架，在 2018 年就停止了更新，不过其官方的 UI 库和基础框架配合的不错，也在这里列出来。