关键词：
关注公众号 前端开发博客，领27本电子书
回复加群，自助秒进前端群
今天来分享 12 个 yyds 的微信小程序开源项目，速速收藏！
全文概览：
wechat-app-mall：微信小程序商城；
Vant Weapp：小程序 UI 组件库；
iView Weapp：小程序 UI 组件库；
echarts-for-weixin：Apache ECharts 的微信小程序版本；
Gitter：GitHub 微信小程序客户端；
winxin-app-watch-life.net：微慕小程序开源版；
Bee：餐饮点餐商城；
taro-music：网易云音乐小程序；
weapp-library：在线借书平台；
Garbage：小程序云开发的垃圾分类小程序；
WePY：让小程序支持组件化开发的框架；
awesome-wechat-weapp：微信小程序开发资源汇总；
wechat-app-mall
wechat-app-mall 是一个微信小程序商城、微信小程序微店。其具有以下功能：
基于云接口及自动化后台管理，无需部署后台及服务器资源；
商品展示、单商品多规格配置单独的库存和价格；
基于小程序Storage接口的购物车功能；
订单管理；
小程序在线支付；
物流跟踪管理；
Github（⭐️ 16.2k）：https://github.com/EastWorld/wechat-app-mall
vant-weapp
Vant 是一个轻量、可靠的移动端组件库，于 2017 年开源。目前 Vant 官方提供了 Vue 2 版本、Vue 3 版本和微信小程序版本，并由社区团队维护 React 版本和支付宝小程序版本。
Github（⭐️ 16.2k）：https://github.com/vant-ui/vant-weapp
iView Weapp
iView Weapp 是一套高质量的微信小程序 UI 组件库。
Github（⭐️ 6.2k）：https://github.com/TalkingData/iview-weapp
echarts-for-weixin
echarts-for-weixin 是 Apache ECharts (incubating) 的微信小程序版本，以及使用的示例。开发者可以通过熟悉的 ECharts 配置方式，快速开发图表，满足各种可视化需求。
Github（⭐️ 6k）：https://github.com/ecomfe/echarts-for-weixin
Gitter
Gitter for GitHub，可能是目前颜值最高的GitHub微信小程序客户端。该项目采用 Taro 框架 + Taro UI 进行开发，小程序内数据均来自于 GitHub Api v3。
Github（⭐️ 3.6k）：https://github.com/nslogx/Gitter
winxin-app-watch-life.net
微慕小程序开源版-WordPress版微信小程序，其支持分享朋友圈、微信小程序广告、文章海报、WordPress相册、小程序直播、微信搜一搜页面接入和内容搜索、视频号、半屏打开小程序、订阅专题、页面的分享和转发、文章浏览数显示及更新、文章分、文章评论、文章排行等。
Github（⭐️ 2.3 k）：https://github.com/iamxjb/winxin-app-watch-life.net
Bee
Bee 是一个餐饮点餐商城微信小程序，是针对餐饮行业推出的一套完整的餐饮解决方案，实现了用户在线点餐下单、外卖、叫号排队、支付、配送等功能，完美的使餐饮行业更高效便捷！
Github（⭐️ 1k）：https://github.com/woniudiancang/bee
taro-music
taro-music是 基于taro + taro-ui + redux + react-hooks + typescript 开发的网易云音乐小程序，taro3已升级完毕。通过这个项目也可以帮助你快速使用Taro开发一个属于你自己的小程序。
Github（⭐️ 1.3k）：https://github.com/lsqy/taro-music
weapp-library
weapp-library 是一个在线借书平台微信小程序，连接读者与图书馆的借书平台、读者的图书资料库与书单系统。30+ 页面，多个可复用组件，微信小程序开发入门。提供本地 mock server 解决方案。
Github（⭐️ 754）：https://github.com/imageslr/weapp-library
Garbage
Garbage 是一个使用小程序云开发的垃圾分类小程序。
Github（⭐️ 736）：https://github.com/qi19901212/Garbage
wepy
WePY 是一款让小程序支持组件化开发的框架，通过预编译的手段让开发者可以选择自己喜欢的开发风格去开发小程序。框架的细节优化，Promise，Async Functions 的引入都是为了能让开发小程序项目变得更加简单，高效。
其具有以下特性：
类 Vue 开发风格
支持自定义组件开发
支持引入 NPM 包
支持 Promise
支持 ES2015+ 特性，如 Async Functions
支持多种编译器，Less/Sass/Stylus/PostCSS、Babel/Typescript、Pug
支持多种插件处理，文件压缩，图片压缩，内容替换等
支持 Sourcemap，ESLint 等
小程序细节优化，如请求列队，事件优化等
Github（⭐️ 21.9k）：https://github.com/Tencent/wepy
awesome-wechat-weapp
微信小程序开发资源汇总，本项目收集了微信小程序开发过程中会使用到的资料、问题以及第三方组件库。
Github（⭐️ 38.7k）：https://github.com/justjavac/awesome-wechat-weapp
END
推荐阅读 点击标题可跳转
觉得本文对你有帮助？请分享给更多人
关注下方「前端开发博客」，提升前端技能
如果觉得这篇文章还不错，来个【分享、点赞、在看】三连吧，让更多的人也看到~
“分享、点赞、在看” 支持一波 
盘点12个yyds的微信小程序开源项目
关注公众号 前端开发博客，领27本电子书回复加群，自助秒进前端群今天来分享12个yyds的微信小程序开源项目，速速收藏！全文概览：wechat-app-mall：微信小程序商城；VantWeapp：小程序UI组件库；... 查看详情
#yyds干货盘点#愚公系列2022年12月微信小程序-项目篇(公交查询)-06站点查询(代码片段)
前言1.相关API接口地址：https://api.jisuapi.com/transit/station返回格式：JSON,JSONP请求方法：GETPOST请求示例：https://api.jisuapi.com/transit/station?cityid=113&station=西溪竞舟苑&appkey=yourappkey请求参数：参数名称类型必填说明citystring 查看详情
#yyds干货盘点#愚公系列2022年12月微信小程序-项目篇(公交查询)-01周边站点(代码片段)
前言1.公交车站的意义转变现有出行模式，倡导公共交通和混合动力汽车、电动车、自行车等低碳或无碳方式，同时也丰富出行生活，增加出行项目。扭转奢华浪费之风，强化清洁、方便、舒适的功能性，提升文化的品牌性。加... 查看详情
#yyds干货盘点#愚公系列2022年12月微信小程序-下拉刷新功能实现(代码片段)
前言下拉刷新是移动端的专有名词，是指通过手指在屏幕上的下拉滑动操作，从而重新加载页面数据的行为。一、下拉刷新功能实现1.自定义下拉刷新<wxsmodule="refresh">varpullingMessage="下拉刷新"module.exports= onRefres... 查看详情
#yyds干货盘点#愚公系列2022年12月微信小程序-webgl纹理材质的使用(代码片段)
前言在现实中webgl的用途很多，比如医院运维网站，地铁运维网站，海绵城市，可以以三维网页形式展示出现实状态。WebGL相关文档：http://doc.yonyoucloud.com/doc/wiki/project/webgl/webgL-fundamentals.html一、webgl的使用安装第三方包：npmi--savet... 查看详情
#yyds干货盘点#愚公系列2022年12月微信小程序-webgl立体图形的绘制(代码片段)
前言在现实中webgl的用途很多，比如医院运维网站，地铁运维网站，海绵城市，可以以三维网页形式展示出现实状态。WebGL相关文档：http://doc.yonyoucloud.com/doc/wiki/project/webgl/webgL-fundamentals.html一、webgl的使用安装第三方包：npmi--savet... 查看详情
#yyds干货盘点#愚公系列2022年12月微信小程序-图片加载和全屏适配问题(代码片段)
前言在使用图片问题中可能会遇到各种各样的问题，比如图片加载不出来，图片显示在不同机型效果不同，图片加载展示问题等等。微信小程序image相关属性如下：属性类型默认值必填说明最低版本srcstring否图片资源地址1.0.0modes... 查看详情
#yyds干货盘点#愚公系列2022年12月微信小程序-three.js绘制球体(代码片段)
前言Three.js是一款运行在浏览器中的3D引擎，你可以用它创建各种三维场景，包括了摄影机、光影、材质等各种对象。一个典型的Three.js程序至少要包括渲染器（Renderer）、场景（Scene）、照相机（Camera），以及你在场景中创建的... 查看详情
#yyds干货盘点#愚公系列2022年12月微信小程序-webgl画渐变色正方形(代码片段)
前言在现实中webgl的用途很多，比如医院运维网站，地铁运维网站，海绵城市，可以以三维网页形式展示出现实状态。WebGL相关文档：http://doc.yonyoucloud.com/doc/wiki/project/webgl/webgL-fundamentals.html一、webgl的使用安装第三方包：npmi--savet... 查看详情
#yyds干货盘点#愚公系列2022年10月微信小程序-数据绑定(代码片段)
前言1.小程序页面结构微信小程序的页面结构主要是分别由四个文件组成：js(逻辑处理文件)：负责页面逻辑内容的处理，遵循js语言框架。json(配置文件)：用来设置页面的窗口内容，遵循JSON语法规范。wxml（页面结构文件或视图... 查看详情
#yyds干货盘点#愚公系列2022年11月微信小程序-项目篇(祝福语)-01首页页面设计(代码片段)
前言祝福语是指对人们的美好祝福的语句。祝福语在社会发展中已经不是仅限于在节日和宴会上出现，常见的情侣互发手机信息祝福，天气冷暖变化问候祝福，朋友日常间的鼓励祝福，每天的清晨问候祝福等等。1、在聚会、宴... 查看详情
#yyds干货盘点#愚公系列2022年10月微信小程序-全局配置属性
一、app.json配置属性类型必填描述最低版本entryPagePathstring否小程序默认启动首页pagesstring[]是页面路径列表windowObject否全局的默认窗口表现tabBarObject否底部tab栏的表现networkTimeoutObject否网络超时时间debugboolean否是否开启debug模式，... 查看详情
#yyds干货盘点#愚公系列2022年11月微信小程序-template的使用(代码片段)
一、template的概念template模板顾名思义就是页面的复用，前端可以理解成组件中通用页面的封装，后端可以理解成时函数的封装，主要的作用就是服用减少代码冗余比如下面几个场景：首页需要显示轮播，分类页面也需要显示轮... 查看详情
#yyds干货盘点#愚公系列2022年10月微信小程序-component组件的扩展(代码片段)
一、Component组件的扩展//behavior.jsmodule.exports=Behavior(definitionFilter(defFields)defFields.data.from=behavior,)//component.jsComponent(data:from:component,behaviors:[require(behavior.js)],ready()consol 查看详情
#yyds干货盘点#愚公系列2022年11月微信小程序-导航(跳转)(代码片段)
前言1.navigatornavigator是页面跳转的标签，具体参数如下：属性类型默认值必填说明最低版本targetstringself否在哪个目标上发生跳转，默认当前小程序2.0.7urlstring否当前小程序内的跳转链接1.0.0open-typestringnavigate否跳转方式1.0.0deltanumbe... 查看详情
#yyds干货盘点#愚公系列2022年11月微信小程序-引用(代码片段)
前言1.模板的引入方式WXML提供两种文件引用方式import和includeimport：导入模板并没有真正的使用include：直接引入页面元素，已经使用了2.模板和组件的比较template（模板）:是可以在wxml中引用的代码，就是在wxml中引用公用的wxml类... 查看详情
#yyds干货盘点#愚公系列2022年10月微信小程序-页面生命周期(代码片段)
一、页面生命周期1.JS使用注册小程序中的一个页面。接受一个Object类型参数，其指定页面的初始数据、生命周期回调、事件处理函数等。小程序页面的生命周期函数如下：属性类型说明dataObject页面的初始数据optionsObject页面的组... 查看详情
#yyds干货盘点#愚公系列2022年10月微信小程序-应用生命周期和全局变量(代码片段)
前言从软件的角度来看，生命周期指程序从创建、到开始、暂停、唤起、停止、卸载的过程。微信小程序的生命周期：应用生命周期页面生命周期一、应用生命周期1.JS配置App(//生命周期回调——监听小程序初始化onLaunch(options) co... 查看详情