前言:

        随着前端的知识不断更新,小程序也成为了我们开发中的日常。微信小程序、百度小程序、支付宝小程序、头条小程序等等不断涌入我们的生活,随着小程序的火爆,各种小程序框架不断出现,也在不断更新。路漫漫,学不完呀!归根结底,都是一个目标,把小程序给制作出来,只是使用了不同的框架。那么目前有哪些框架/组件库比较优秀呢?我在这里简单的罗列以下几款:

1. uni-app

官方地址:uni-app官网

        uni-app是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、Web(响应式)、以及各种小程序(微信/支付宝/百度/头条/QQ/快手/钉钉/淘宝)、快应用等多个平台。uni-app在手,做啥都不愁。即使不跨端,uni-app也是更好的小程序开发框架(详见)、更好的App跨平台框架、更方便的H5开发框架。不管领导安排什么样的项目,你都可以快速交付,不需要转换开发思维、不需要更改开发习惯。

2. Taro

官方地址:Taro 介绍 | Taro 文档

        Taro 是一套 遵循React 语法规范的多端开发解决方案。使用 Taro,只书写一套代码,再通过 Taro 的编译工具,将源代码分别编译出可以在不同端(微信小程序、H5、App 端等)运行的代码。同时 Taro 还提供了开箱即用的语法检测和自动补全等功能。(它的核心其实就是react)

3. mpvue

官方地址:mpvue

        mpvue 是美团点评开源的一个使用 Vue.js 开发小程序的前端框架。框架基于 Vue.js 核心,mpvue 修改了 Vue.js 的 runtime 和 compiler 实现,使其可以运行在小程序环境中,从而为小程序开发引入了整套 Vue.js 开发体验。

使用 mpvue 开发小程序,你将在小程序技术体系的基础上获取到这样一些能力:

彻底的组件化开发能力:提高代码复用性

完整的 Vue.js 开发体验

方便的 Vuex 数据管理方案:方便构建复杂应用

快捷的 webpack 构建机制:自定义构建策略、开发阶段 hotReload

支持使用 npm 外部依赖

使用 Vue.js 命令行工具 vue-cli 快速初始化项目

H5 代码转换编译成小程序目标代码的能力

4. 微信小程序官方框架

官方地址:微信官方文档 | 微信开放文档

        小程序开发框架的目标是通过尽可能简单、高效的方式让开发者可以在微信中开发具有原生 APP 体验的服务。整个小程序框架系统分为两部分:逻辑层(App Service)和 视图层(View)。小程序提供了自己的视图层描述语言 WXML 和 WXSS,以及基于 JavaScript 的逻辑层框架,并在视图层与逻辑层间提供了数据传输和事件系统,让开发者能够专注于数据与逻辑。

5. WePY

官方地址:WePY Document

        WePY (发音: /'wepi/) 项目启动于 2016 年 11 月份, 是小程序最早的框架之一,是一款让小程序支持组件化开发的框架,通过预编译的手段让开发者可以选择自己喜欢的开发风格去开发小程序。框架的细节优化,Promise,Async Functions的引入都是为了能让开发小程序项目变得更加简单,高效。腾讯团队开源的一款类vue语法规范的小程序框架,借鉴了Vue的语法风格和功能特性,支持了Vue的诸多特征。

特性:

使用 Vue Observer 实现数据绑定

支持 Vue watch/computed/mixin 等特性

基于原生组件实现组件化开发

支持 TypeScript

6. Tina.js 一款轻巧的渐进式微信小程序框架

官方地址:Tina.js | 一款轻巧的渐进式微信小程序框架

        是一款轻巧的渐进式微信小程序框架,保留 MINA (微信小程序官方框架) 的大部分 API 设计;无论你有无小程序开发经验,都可以轻松过渡上手。

7. WeUI

官方地址:WeUI

        WeUI 是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信内网页和微信小程序量身设计,令用户的使用感知更加统一。小程序开发中最常用到的一款框架,受广大开发人员的欢迎。

8. 前端框架weweb

官方地址: GitHub - wdfe/weweb: 兼容小程序写法的web开发框架

        weweb是一个兼容小程序语法的前端框架,你可以用小程序的写法,来写web应用。如果你已经有小程序了,通过它你可以将你的小程序运行在浏览器中。

9. 微信UI组件库 iView Weapp

官方地址:iView Weapp - 一套高质量的微信小程序 UI 组件库

        iView Weapp 提供了与 iView 一致的 UI 和尽可能相同的接口名称,大幅度降低了学习成本,是一套一套高质量的微信小程序 UI 组件库。

10. ZanUI-WeApp – 一个颜值高、好用、易扩展的微信小程序 UI 库 

官方地址:ZanUI-WeApp -- 一个颜值高、好用、易扩展的微信小程序 UI 库 - CNode技术社区

        ZanUI-WeApp结合了微信的视觉规范,为用户提供更加统一的使用感受。 包含 badge、btn、等共计 17 类组件或元素。

更多推荐

小程序常用的10款框架