小程序开源框架汇总,你知道几个?

Java范思哲 2019-06-24 17:45:48 ⋅ 803 阅读

想要开发出一套高质量的小程序,运用框架,组件库是省时省力省心必不可少一部分,随着小程序日渐火爆,各种不同类型的小程序也渐渐更新,其中不乏一些优秀好用的框架/组件库。

1:WeUI  小程序–使用教程

https://weui.io/

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

图片.png

2:美团小程序框架mpvue

Github:https://github.com/Meituan-Dianping/mpvue
官网:http://mpvue.com/

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

图片.png

3:组件化开发框架wepy

Github地址: 
https://github.com/Tencent/wepy
官网地址:
https://tencent.github.io/wepy

官方介绍:组件化开发,完美解决组件隔离,组件嵌套,组件通信等问题,支持使用第三方 npm 资源,自动处理 npm 资源之间的依赖关系,完美兼容所有无平台依赖的 npm 资源包.

图片.png

4:官方框架MINA

地址:https://developers.weixin.qq.com/miniprogram/dev/framework/MINA.html

官方介绍:框架提供了自己的视图层描述语言 WXML 和 WXSS,以及基于 JavaScript 的逻辑层框架,并在视图层与逻辑层间提供了数据传输和事件系统,可以让开发者可以方便的聚焦于数据与逻辑上。

图片.png

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

Tina.js 开源框架地址:https://github.com/tinajs/tina

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

图片.png

6:前端框架weweb

地址: https://github.com/wdfe/weweb

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

7:微信UI组件库 iView Weapp

https://weapp.iviewui.com/

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

图片.png

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

https://cnodejs.org/topic/589d625a5c8036f7019e7a4a

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

9:Taro

官网:http://taro.aotu.io/
GitHub: http://github.com/nervjs/taro

Taro 是由京东 - 凹凸实验室打造的一套遵循 React 语法规范的多端统一开发框架。我要没记错的话,是最近刚刚开源的。

使用 Taro,我们可以只书写一套代码,再通过 Taro 的编译工具,将源代码分别编译出可以在不同端(微信小程序、H5、App 端等)运行的代码。同时 Taro 还提供开箱即用的语法检测和自动补全等功能,有效地提升了开发体验和开发效率。

原文作者:祈澈姑娘 技术博客:https://www.jianshu.com/u/05f416aefbe1
90后前端妹子,爱编程,爱运营,文艺与代码齐飞,魅力与智慧共存的程序媛一枚。

---------------END----------------

后续的内容同样精彩

长按关注“IT实战联盟”哦




全部评论: 0

    我有话说:

    精品推荐:微信程序常见的UI框架/组件库

    想要开发出一套高质量的程序,运用框架,组件库是省时省力省心必不可少一部分,随着程序日渐火爆,各种不同类型

    开源资讯」BookChat v2.4 发布,通用书籍阅读微信程序

    BookChat - 面向程序员开源书籍和文档阅读学习程序

    微信程序微商城(一):https框架搭建并实现导航功能

    本文将带领大家搭建https的程序框架,并实现动态获取数据展示效果!

    微信程序 - iconfont 图标字体

    还在使用图片作为程序的图标?大猪告诉大家如何在程序上使用iconfont字体图标

    微信程序抖音实战-首页(上)

    也可以用微信程序编写一个抖音

    微型Java开发框架Solon 1.1发布,QPS达10万+

    简介 Solon 是一个微型的Java开发框架。项目从2018年启动以来,参考过大量前人作品;历时两年,2700多次的commit;内核保持0.1m的身材,超高的Web跑分,良好的使用体验

    微信程序电商实战-入门篇

    程序开发工具有新版本更新啦!开发体验更好了,接下来一起为电商程序做一下准备前期准备工作~~

    微信程序电商实战-购物车(上)

    好久没更新程序电商实战的文章了,是因为最近一直做整体架构调整,一些准备工作也是比较耗费时间的。在这天将会有新版的 程序电商教程推出.......

    微信程序抖音实战-首页(下)

    抖音程序首页动态数据获取

    微信程序实战篇:如何解决https域名问题 ?

    开发自己的微信程序绕不开https问题,为了能在程序中调用我们自己的API服务请打开看一看吧!!!

    微信程序电商实战-首页(上)

    上一篇:微信程序电商实战-入门篇 嗨,大家好!经过近两周的精心准备终于开始微信程序电商实战之路喽。那么最终会做成什么样呢?好了,不啰嗦了 我们先看首页长什么样吧!   首页效果图

    微信程序电商实战-商品详情(上)

    先看一下今天要实现的程序商品详情页吧!

    微信程序实战篇:程序之页面数据传递

    我们在写程序的时候经常会遇到子页面向主页面回传数据或者普通页面跳转到tabBar 页面携带数......

    微信程序:最新微信登录授权并获取openid等信息

    为优化用户体验,使用 wx.getUserInfo 接口直接弹出授权框的开发方式将逐步不再支持。从2018年4月30日开始程序游戏的体验版、开发版调用 wx.getUserInfo 接口,将

    微信程序实现商品数量加减

    这是一个用微信程序原生代码实现的数量加减demo,主要是用于商品购物车或者商品详情修改数量使用

    微信程序抖音实战-视频弹幕

    如果去抖音只是为了看视频就少了一大乐趣,评论区才是最有趣的地方,边看视频边看评论的弹幕是不是更有意思

    微信程序电商实战-首页(下)

    上一篇:微信程序电商实战-首页(上)好了,上一期我们把首页搜索、导航栏和广告轮播给做完了,那么接下来会继续

    微信程序实战篇:基于wxcharts.js绘制移动报表

    微信程序图表插件(wx-charts)是基于canvas绘制,体积巧,支持图表类型饼图、线图、柱状图 ......