首页>知道百科>微信小程序可以自己制作吗？

微信小程序可以自己制作吗？

发布时间：
2023-08-24 12:42
阅读量：
12

2017年微信小程序发布开始，我就开始接触和学习微信小程序，看着小程序不断的更新迭代，功能越来越丰富，在这过程中，开发过商城小程序、停车扫码计费小程序、工具打卡小程序、流量主小程序等等，现在也有自己盈利的产品，对于开发也有了一点点经验给大家。

对于一个完全没有接触过微信小程序开发，想学如何小程序的，问得最多的是：

开发一个小程序到底有多难？

零基础，如何入门开发出一个微信小程序？

怎么开发自己的小程序？

我要做微信小程序，需要用到哪些技术？

微信小程序具体发布流程有哪些？

如何入门微信小程序开发，有哪些学习？

这些问题都是大家经常问到的问题，想起自己刚接触微信小程序时，也是一头雾水，不知道从何学起，再简单的知识也看不懂，再简单的工具也不知道去哪下载。

作为一个过来人，从自己这么多年的开发经验和实战过程中，总结出一份小程序学习路线，可以说全网最详细也不为过，学习路线字数超4万字，但远远还没不够，只能当作是一个基础版本，之后我会不断丰富填充内容和知识点。

学习路线，不仅包含教你如何从零入门学习开发小程序，而且也从自己的经验中说说小程序如何运营，此外，还会涉及如何用小程序赚钱，拆解市场上成功的小程序案例，以及小程序如何结合AI来赚钱等等，小程序只是一种工具，如何利用小程序来为我们创造价值才是关键。

微信小程序学习路线总体大纲：

一.什么是小程序

二.学习路线特点

三.学习小程序前需要的基础知识

四.开发小程序前准备

五.小程序入门基础知识

六.小程序进阶知识

七.小程序常用框架

八.小程序常用插件

九.小程序开源源码

十.小程序运营

十一.小程序赚钱案例

十二.小程序流量主

温馨提示：可以根据自己的需求找相对应的类目，学习都要循序渐进。

一、小程序学习路线

这份学习路线并不完美，还在持续更新，与时俱进，与时代同行。

1.1什么是小程序？

微信小程序无需下载、触手可及、用完即走、无需卸载

1.2微信小程序的发展前景？

微信小程序功能已经非常丰富，基本满足我们业务需求使用，不管是个体还是企业都会考虑用小程序来解决自身业务需求，此外个人用小程序开发赚钱的也很多，也诞生了很多用户量级小程序，收益也非常可观。求职和开展副业，甚至自由职业也是必不可少的技能。

二、小程序学习路线特点

一份全面的小程序知识点大梳理和汇总

2.1分阶段学习

使用符合对知识点的重要程度做了区分，按需学习

2.2知识点附有描述和资源链接

提供大量优质学习资源

三、前言 – 学编程需要的特质

3.1定目标

拼命执行

不半途而废

3.2学小程序前需要的知识基础

描述：前端知识（Javascript、html、css）是小程序开发的基础，不需要你有多熟练，起码有了解，建议把小程序经常用到的知识点学好，再入门小程序会容易很多。

注意：现在很多课程都是以某一个框架教学，很少用到原生，这对于刚入门的我们来说并不好，一是我们不知道原生组件和语法，不利用我们了解小程序底层逻辑。二是学习框架也是需要成本，增加了学习的负担，可能把框架学完了，你的兴趣也降低了很多。

3.3前端资源：

阿里云前端实战学习：edu.aliyun.com/roadmap/

W3Cschool 编程入门实战：w3cschool.cn/codecamp/

pink老师前端入门教程：bilibili.com/video/BV14

3.3.1小程序经常用到的前端知识点：

HTML

描述：用于定义一个网页结构的基本技术。

资源：developer.mozilla.org/z

CSS

描述：层叠样式表，用于设计风格和布局。

资源：

弹性盒子布局flex：shuzhiduo.com/A/RnJWoL1

Javascript

描述：具有函数优先的轻量级，解释型或即时编译型的编程语言。

资源：回调函数 : bilibili.com/read/cv111

3.4小程序官方资料

小程序注册接入 developers.weixin.qq.com

官方工具 developers.weixin.qq.com

官方文档 developers.weixin.qq.com

运营规范 developers.weixin.qq.com

开发社区 developers.weixin.qq.com

微信支付 pay.weixin.qq.com/wiki/

客服消息 developers.weixin.qq.com

特殊行业所需资质资料 developers.weixin.qq.com

we数据分析 developers.weixin.qq.com

3.5如何学习微信小程序

多看官方文档，多看几遍，遇到问题时再看

1.基础知识要过关，如：时间绑定、ajax请求、异步回调，搞清楚小程序外是怎么交换

2.通读一遍官方文档，看看都有哪些东西，都能干什么

3.多敲代码，看到例子、别人的demo下载下来运行，看原理和结构

4.多写多看、熟能手巧

四、开发前必读

1.开发前需要了解禁止类目和资质，看一下运营规范

2.微信小程序需要https请求，需要准备备案域名：由于备案需要一定时间，要事先准备

3.SSL证书准备

4.服务器

五、小程序学习阶段

5.1开发工具和教程资料

微信开发者工具（推荐） developers.weixin.qq.com

HBuilder X dcloud.io/hbuilderx.htm

小程序入门资源

小程序开发起步（官方视频教程）developers.weixin.qq.com

小程序基础开发之架构、框架、组件（官方视频教程）developers.weixin.qq.com

微信开发者工具系列课程（官方视频教程）developers.weixin.qq.com

5.2小程序环境搭建与开发工具介绍

5.2.1了解什么是微信小程序，下载必要的软件工具和基础准备

5.2.2注册小程序账号，获取appid与appscret

5.2.3安装微信开发者工具

5.2.4程序的开发体验

5.3基本目录结构与文件作用

开发者工具的使用

创建项目

了解小程序整体目录结构

项目设置

主体文件

页面文件

其他文件

配置文件详解

主配置文件app.json

页面配置文件

WXML模板

WXSS样式

逻辑层js文件

css样式

class选择器

页面样式文件wxss

尺寸单位

样式导入

5.4小程序常用基础组件

罗列的知识要点都是我们经常会用到，从实战中总结出来的。熟悉了这些知识点，开发小程序基本不成问题。

view组件

input组件

button组件

slider组件

form组件

radio组件

checkbox 组件

picker组件

swiper组件

image 组件

icon图标

switch组件

video组件

5.5小程序语法

函数

函数创建

带参合不带参函数的区别

变量

变量的使用和初始化

变量重新赋值

变量命名规范

全局变量和局部变量

5.6数据绑定和渲染

简单双向绑定

事件类型

事件绑定

事件对象

流程控制

条件语句 if 和 else

循环语句 for

条件渲染

列表渲染

5.7微信小程序的交互反馈

认识loading组件

用toast显示提示信息

显示loading提示信息

wx.canIUse 判断当前版本是否可用

wx.getWindowInfo() 获取窗口信息

wx.updateWeChatApp() 更新客户端版本

wx.swtitchTab()路由 跳转到 tabBar 页面

wx.redirectTo() 关闭当前页面，跳转到应用内的某个页面

wx.navigateTo() 保留当前页面，跳转到应用内的某个页面

wx.navigateToMiniProgram() 打开另一个小程序

wx.showShareMenu() 显示当前页面的转发按钮

wx.onCopyUrl() 复制

wx.showToast() 消息提示框

wx.startPullDownRefresh() 下拉刷新

wx.pageScrollTo() 滚动

wx.chooseImage()图片功能

wx.chooseMedia()视频功能

富文本

收货地址 wx.chooseAddress()

wx.setClipboardData()剪切板

拨打电话 wx.makePhoneCall()

扫码 wx.scanCode()

5.8缓存机制和异步交互

生成本地缓存数据

从本地缓存读取数据

获取本地缓存数据

保存多条历史记录

使用数组保存多条历史记录

清理本地缓存

5.9应用弹性盒子布局

传统布局的实现方式

弹性盒子布局

弹性盒子布局的优点

如何让元素大小适配不同宽度屏幕

六、小程序进阶

6.1资源

小程序基础能力介绍（官方视频教程）developers.weixin.qq.com

小程序开发新能力解读（官方）developers.weixin.qq.com

6.2常用知识要点

认识wx.request接口函数

wx.request() 发起 HTTPS 网络请求

wx.downloadFile() 下载文件资源到本地

wx.uploadFile() 将本地资源上传到服务器

wx.requestPayment() 发起微信支付

用户授权登录

6.3小程序高级

资源

小程序性能优化实践（官方视频教程）基于实际开发场景，由资深开发者分享小程序性能优化的各项能力及应用实践，提升小程序性能表现

developers.weixin.qq.com

要点

小程序原理及框架剖析 segmentfault.com/a/1190

浅析微信小程序的底层架构原理 t.zoukankan.com/golovin

【小程序】图解小程序平台架构及其特征与应用机制 blog.csdn.net/ImagineCo

微信小程序「官方示例代码」浅析【上】 微信小程序「官方示例代码」浅析【上】 - 知乎

微信小程序「官方示例代码」剖析【下】：运行机制 微信小程序「官方示例代码」剖析【下】：运行机制 - 知乎

「微信小程序」剖析（二）：框架原理 | 在浏览器上运行的猜想 「微信小程序」剖析（二）：框架原理 | 在浏览器上运行的猜想 - 知乎

为什么我们需要一个兼容「微信小程序」的Web框架？ 为什么我们需要一个兼容「微信小程序」的Web框架？ - 知乎

让你的「微信小程序」运行在Chrome浏览器上，让我们使用WebStorm 让你的「微信小程序」运行在Chrome浏览器上，让我们使用WebStorm - 知乎

「微信小程序」剖析（四）：原生的实时DOM转Virtual DOM 「微信小程序」剖析（四）：原生的实时DOM转Virtual DOM - 知乎

这【五篇】文章将带你深入了解「微信小程序」 这【五篇】文章将带你深入了解「微信小程序」 - 知乎

近两万字小程序攻略发布了 juejin.cn/post/68449036

【微信小程序】性能优化 juejin.cn/post/68449036

七、小程序常用框架

工具

基于Vue

uni-app ☆37.6k 使用 Vue 语法开发小程序、H5、App的统一框架 github.com/dcloudio/uni

mpvue ☆20.4k 基于 Vue.js 的小程序开发框架，从底层支持 Vue.js 语法和构建工具体系 github.com/Meituan-Dian

megalo ☆1.6k 基于 Vue 的小程序开发框架 github.com/kaola-fed/me

Okam 使用类 Vue 方式开发小程序的渐进增强框架，支持生成微信/百度等主流平台的小程序 github.com/ecomfe/okam

rubic – 基于 Vue3 的小程序开发框架，在小程序中使用 Composition API github.com/jaskang/rubi

基于React

Taro ☆32.2k 使用 React 的方式开发小程序的框架，同时支持生成多端应用 github.com/NervJS/taro

Remax ☆4.5k 使用真正的 React 构建小程序 github.com/remaxjs/rema

基于Gulp

WeApp-Workflow ☆100+ – 基于 Gulp 的微信小程序前端开发工作流 github.com/Jeff2Ma/WeAp

gulp-wxapp-boilerplate – 小程序+小程序云 Gulp 开发脚手架，支持云函数 mock github.com/ksky521/gulp

weapp-gulp – Gulp高效构建微信小程序，让开发变得更简单 github.com/sunnie1992/w

基于node

wcc.js – wcc.js 是wxml文件和wxs文件编译器的nodejs实现 github.com/caijw/wcc.js

wcsc.js – wcsc.js 是wxss文件编译器的nodejs实现 github.com/caijw/wcsc.j

其它

WePY ☆22k 支持组件化的小程序开发框架 github.com/Tencent/wepy

chameleon ☆9k 一套代码运行多端，一端所见即多端所见 github.com/didi/chamele

kbone Web ☆4.5k 与小程序同构解决方案 github.com/Tencent/kbon

wept ☆2.8k 微信小程序实时运行环境 github.com/wetools/wept

wechat_web_devtools ☆2.7k Linux 下微信开发者工具 github.com/cytle/wechat

wafer ☆2.2k 快速构建具备弹性能力的微信小程序 github.com/tencentyun/w

MPX ☆3.2k 增强型小程序框架，深度性能优化，支持跨小程序平台开发，完全兼容原生小程序组件 github.com/didi/mpx

Labrador ☆1.7k 支持 ES6/7 的微信小程序组件化开发框架 github.com/maichong/lab

licia ☆2.1k 支持小程序的 JS 工具库 github.com/liriliri/lic

CloudBase Framework ☆1.9k腾讯云开发开源一键部署工具，支持部署小程序及云开发应用 github.com/Tencent/clou

tina ☆1.3k 轻巧的渐进式微信小程序框架 github.com/tinajs/tina

minapp ☆927 – TypeScript 版小程序开发框架（兼容原生小程序代码） github.com/qiu8310/mina

xpmjs ☆100+ – 微信小程序云端增强 SDK github.com/xpmjs/xpmjs

weapp-tailwindcss-webpack-plugin ☆100+ 在小程序里使用 TailwindCSS 吧 github.com/sonofmagic/w

weact 用 JSX 快速开发小程序 github.com/haojy/weact

socket.io-mp-client 微信小程序 socket.io 客户端 github.com/cytle/socket

@wxa AOP小程序开发框架 wxajs.github.io/wxa/

wxml-parser – JavaScript WXML parser github.com/seanlong/wxm

weappx – 基于 redux 的数据层管理框架 github.com/tolerance-go

weapp-start – 基于插件机制的开发脚手架，改善原生小程序开发体验 github.com/tolerance-go

Egret Wing – 支持微信小程序实时预览的 IDE developer.egret.com/cn/

wxapp-graphql – 小程序 GraphQL 客户端 github.com/Authing/wxap

wenaox – 小程序数据层管理 ，轻量性能好，支持中间件 github.com/cnyballk/wen

cheers-mp – Almost零配置微信原生小程序脚手架，vue-cli般的体验~(ts、less、原生npm、云OSS、CI自动发布体验版) github.com/bigmeow/chee

we-mobx – 在微信小程序中使用 MobX github.com/cicec/we-mob

weconsole – 功能全面、界面与体验对标 Chrome devtools 的可定制化的小程序开发调试面板 github.com/weimobGroup/

px 转 rpx 插件

postcss-pxtorpx-pro – postcss px 转 rpx 插件 github.com/Genuifx/post

px2rpx – Px 转 Rpx 在线工具 github.com/allanguys/px

八、小程序常用插件

wxapp.vim – 提供微信小程序开发全方位支持的 vim 插件 github.com/chemzqm/wxap

Matchmaker – IntelliJ IDEA 插件，注入方法 github.com/lypeer/Match

wechatCode-complete – webstorm 插件（代码提示） github.com/qbright/wech

wxapp – sublime plugin github.com/FloydaGithub

minapp – vscode 插件（支持 原生/mpvue/wepy 框架） github.com/qiu8310/mina

vscode-live-sass-compiler – vscode插件根据.scss文件自动生成wxss文件 github.com/ritwickdey/v

WePY Plugin For IntelliJ Platform – 让PhpStorm/WebStorm全面支持WePY的开发，包括API(原生/WePY)和组件(官方/自定义)的自动完成/错误检查/高亮/不依赖Vue/… wepy.iniself.com/

wxml – vscode插件–微信小程序格式化以及高亮组件(高度自定义) github.com/cnyballk/wxm

wux-weapp-snippets – Wux Weapp Snippets for VS Code. github.com/wux-weapp/wu

wux-weapp-atom-snippets – Wux Weapp Snippets for Atom. github.com/wux-weapp/wu

wux-weapp-sublime-snippets – Wux Weapp Snippets Plugin for Sublime Text 2/3. github.com/wux-weapp/wu

组件

UI组件库

weui-wxss ☆12.4K+ – 同微信原生视觉体验一致的基础样式库 github.com/Tencent/weui

vant-weapp ☆12.3k+ – 高颜值、好用、易扩展的微信小程序 UI 库 github.com/youzan/vant-

iview-weapp ☆5.5k+ – 一套高质量的微信小程序 UI 组件库 github.com/TalkingData/

wux-weapp ☆4.2k+ – 一套组件化、可复用、易扩展的微信小程序 UI 组件库 github.com/wux-weapp/wu

Lin UI ☆2k+ – 一套设计优良、基于原生微信小程序语法的 UI 组件库 github.com/TaleLin/lin-

Wa-UI ☆200+ – 针对微信小程序整合的一套 UI 库 github.com/liujians/Wa-

wuss-weapp – 一款高质量，组件齐全，高自定义的微信小程序UI组件库 github.com/phonycode/wu

日历

wx_calendar ☆300+ – 小程序日历 github.com/treadpit/wx_

miniprogram-datepicker – 小程序日期选择器（支持农历） github.com/pithyone/min

mpvue-calendar – 微信小程序/浏览器端的日历组件mpvue-calendar；基于mpvue平台 支持农历、按周切换、可自定义。 github.com/Hzy0913/mpvu

富文本

wxParse ☆7.2K+ – 微信小程序富文本解析自定义组件，支持 HTML 及 markdown 解析 github.com/icindy/wxPar

mp-html ☆1.4K+ – 小程序富文本组件，支持渲染和编辑 html，支持在微信、QQ、百度、支付宝、头条和 uni-app 平台使用 github.com/jin-yufeng/m

滑动

wx-scrollable-tab-view ☆200+ – 小程序可滑动得 tab-view github.com/zhongjie-che

wx-alphabetical-listview ☆100+ – 微信小程序带字母滑动的 listview github.com/zhongjie-che

wx-drawer ☆100+ – 小程序模仿 QQ6.0 侧滑菜单 github.com/zhongjie-che

we-swiper ☆100+ – 微信小程序触摸内容滑动解决方案 we-swiper ☆100+ – 微信小程序触摸内容滑动解决方案

侧滑布局 github.com/Data-Camp/We

图表

wx-charts ☆4.1k+ – 微信小程序图表 charts 组件 github.com/xiaolin3303/

wxapp-charts ☆100+ – 微信小程序图表 charts 组件 github.com/hawx1993/wxa

chartjs-wechat-mini-app ☆100+ – chartjs 微信小程序适配 github.com/xiabingwu/ch

wepy-com-charts – 微信小程序 wepy 图表控件 github.com/CalvinHong/w

anka-tracker – 小程序打点库，用于统计用户行为数据 github.com/iException/a

图片

image-cropper ☆900+ –

微信小程序图片裁剪组件 github.com/1977474741/i

wxapp-img-loader ☆400+ – 微信小程序图片预加载组件 github.com/o2team/wxapp

we-cropper ☆400+ – 微信小程序图片裁剪工具 github.com/we-plugin/we

xing-weapp-editor – 小程序图文编辑组件 github.com/ianho/xing-w

图片自适应 ，富文本解析 github.com/Data-Camp/We

Canvas

wxa-plugin-canvas ☆300+ – 微信小程序朋友圈海报生成组件 github.com/jasondu/wxa-

WeZRender ☆300+ – 微信小程序 Canvas 开发 github.com/guyoung/WeZR

mp_canvas_drawer – canvas绘制图片助手，一个json就制作分享朋友圈图片 github.com/kuckboy1994/

anka-brush – 一款为简化小程序里canvas画图操作而创建的工具库 github.com/iException/a

组件功能

WeiXinProject – 微信小程序列表上拉刷新和上拉加载 github.com/lidong1665/W

wxapp ☆300+ – 微信小程序功能组件 github.com/youzouzou/wx

wetoast ☆100+ – 微信小程序 toast 增强插件 github.com/kiinlam/weto

wxSearch ☆200+ – 微信小程序优雅的搜索框 github.com/icindy/wxSea

citySelect ☆100+ – 微信小程序城市选择器 github.com/chenjinxinlo

xing-weapp-component – 微信小程序基础组件扩展 github.com/ianho/xing-w

wx-statuslayout – 小程序页面状态切换组件 github.com/ZzjBeatYou/w

minapp-slider-left – 微信小程序左划删除组件 github.com/bigmeow/mina

mp-swipe-card – 小程序卡片滑动组件,类似探探的效果，貌似现在只支持左右滑动 github.com/qizf7/mp-swi

we-validator – 简单灵活的表单验证插件，支持小程序、浏览器以及Nodejs端使用。github.com/ChanceYu/we-

wx-pulltorefresh-view – 简单灵活的下拉上拉刷新组件，支持微信小程序 github.com/zhongxuqi/wx

weapp-input-frame – 微信小程序验证码输入框组件 github.com/xjh22222228/

地图定位 github.com/Data-Camp/We

瀑布流布局 github.com/Data-Camp/We

小程序读取excel数据 github.com/qiushi123/xi

手机验证码登录 github.com/qiushi123/xi

小程序二维码 github.com/qiushi123/xi

2D/3D

wxDraw ☆100+ – 微信小程序 2D 动画库 github.com/bobiscool/wx

API、Promise

weapp-polyfill – [w3c 标准 API polyfill github.com/leancloud/we

wx-promise-pro ☆666+ – 微信小程序 Promise 库 github.com/youngjuning/

minapp-api-promise – 微信小程序所有 API promise 化 github.com/bigmeow/mina

wx-api-promisify – 优雅地将微信小程序API Promise化 github.com/vv13/wx-api-

weapp.request – 为微信小程序提供的网络请求组件，是 wx.request 的扩展，基于 Promise API，添加缓存控制。 github.com/afishhhhh/we

miniprogram-network – Redefine the Network API of MiniProgram(小程序网络请求库) github.com/NewFuture/mi

其它

wemark ☆1.100+ – 微信小程序 Markdown 渲染库 github.com/TooBug/wemar

wx-promise-request ☆100+ – 微信小程序请求队列管理库 github.com/JoeZheng2015

weapp-cookie ☆100+ – 一行代码让微信小程序支持 cookie

github.com/charleslo1/w

wxapp-lock – 微信小程序手势解锁 github.com/demi520/wxap

weapp.socket.io ☆500+ – socket.io 风格的 websocket 类库 github.com/weapp-socket

wxMD5 – 微信小程序 MD5 库 github.com/youngjuning/

wxBase64 – 微信小程序base64 库 github.com/youngjuning/

cue – A WX Compontent Tools github.com/WARJY/cue

sol-weapp ☆300+ -微信小程序营销组件:红包雨、大转盘等营销组件 github.com/sunniejs/sol

we-debug – 一款灵活、易于拓展的微信小程序调试工具 github.com/dlhandsome/w

weapp-qrcode – 微信小程序生成二维码工具 github.com/tomfriwel/we

cheers-mp-router –

精巧强大的小程序原生路由 github.com/bigmeow/chee

wx-updata – 微信小程序官方 setData 替代品，只修改 data 中你希望修改的部分

github.com/SHERlocked93

three-platformize – 一个让 THREE 平台化的项目，已适配微信、淘宝、头条小程序 github.com/deepkolos/th

九、小程序开源源码（按类目分）

可直接运行成功

物流

教育

在线答题小程序 gitee.com/xiaofeiyang33

答题小程序 gitee.com/kesixin/Quest

答题考试小程序 gitee.com/wulivicor/exa

在线考试小程序 gitee.com/dabenbenyihao

答题小程序 gitee.com/423555593/dat

交通

租车小程序前端 gitee.com/shanwei_city_

停车场系统小程序 gitee.com/wangdefu/park

房地产

租房小程序 gitee.com/open-source-b

租房微信小程序-带管理员后台 gitee.com/LiangSenCheng

宿舍报修助手 gitee.com/aYuan-git/wec

生活

校园综合服务平台小程序 gitee.com/yaozy717/hbhz

微信报修小程序 gitee.com/cxyax/WeChatC

垃圾分类小程序 gitee.com/joelingwei/ru

CC智慧物业小程序 gitee.com/voice-of-xiao

市民政务服务预约小程序 gitee.com/ht-jenny/City

HC智慧家园小程序 gitee.com/java110/Wecha

口腔医院预约平台小程序 gitee.com/zmn_repositor

家政服务小程序 gitee.com/chun-hui-gao2

物资预约领取小程序 gitee.com/crystar/tcb-h

美容机构预约小程序 gitee.com/naive2021/sma

IT科技

餐饮

餐厅订座小程序 gitee.com/wind-pheasant

文娱

婚姻登记中心小程序 gitee.com/wang-xiaocao/

旅游景区门户小程序 gitee.com/voice-of-xiao

口袋吉他 gitee.com/alex1504/wx-g

工具

wyq2214368/remove-water-mark-mp –

短视频去水印小程序（含服务端）github.com/wyq2214368/r

xtanyu/parsing-mini – 短视频去水印小程序（含Java版本服务端） github.com/xtanyu/parsi

realyao/Focus-clock ★100+ –

时间管理小程序：专注时钟（集成时间管理、目标计划、Todo待办、白噪声。易部署 适合新手学习入门）github.com/realyao/WXmi

小程序爱乐查 gitee.com/dave_hai/Xiao

贴身管家小程序版 gitee.com/nmgwap/TieShe

婚礼请柬小程序 gitee.com/zijun2030/hun

驾校预约小程序 gitee.com/cai-jianya111

活动报名小程序 gitee.com/minzonetech/C

花栗鼠关爱小姨妈（小程序） gitee.com/hualishu910/P

电商

基于vue、element ui 的轻量级、前后端分离、拥有完整sku和下单流程的完全开源商城 小程序端 gitee.com/gz-yami/mall4

社交

imageslr/taro-library ★150+ – Taro + Redux + 本地 Mock Server 小程序示例项目 github.com/imageslr/tar

校友会小程序 gitee.com/minzonetech/C

体育

运动场馆预约小程序 gitee.com/voice-of-xiao

健身预约小程序 gitee.com/yupsh/fitness

汽车

资讯

RebeccaHanjw/weapp-wechat-zhihu ★800+ – 仿知乎 github.com/RebeccaHanjw

imageslr/weapp-library ★500+ – 在线借书平台（30+页面/组件化/Mock Server/云开发） github.com/imageslr/wea

微慕WordpPress小程序开源版 前端 github.com/iamxjb/winxi

大白鲸旅游攻略-小程序 gitee.com/ckjcode/big-w

追格资讯小程序开源版 gitee.com/zhuige_com/ji

豆瓣类影视查询记录小程序 gitee.com/x1299906945/M

高仿Readhub小程序 gitee.com/richard1015/N

其它

deepkolos/three-platformize-demo-wechat – 微信小程序 THREE 包含16个loader测试demo github.com/deepkolos/th

deepkolos/wxmp-tensorflow – 微信小程序下运行最新TensorFlowJS的解决方案 github.com/deepkolos/wx

只有前端，后端源码不完整

物流

教育

We重邮 github.com/Data-Camp/We

交通

ofo小程序 github.com/MiceLiD/ofo-

卡卡汽车 获取用户 设备信息 github.com/Data-Camp/We

滴滴公交-查公交 github.com/Data-Camp/We

车源宝 github.com/Data-Camp/We

房地产

生活

垃圾分类小程序 github.com/qi19901212/G

跑步小程序 github.com/alanwangmodi

IT科技

餐饮

餐饮点餐商城 github.com/woniudiancan

星巴克中国 github.com/Data-Camp/We

餐饮点餐商城 github.com/woniudiancan

文娱

weapp-film – 淘票票 github.com/luuman/weapp

lsqy/taro-music –

基于taro + taro-ui + redux + typescript 开发的网易云音乐小程序 github.com/lsqy/taro-mu

仿喜马拉雅lite – 微信小程序原生开发的仿喜马拉雅小程序（极度适合新手入门） github.com/Notobey/Hima

工具

wangmingjob/weapp-weipiao ★300+ – 微票 github.com/wangmingjob/

harveyqing/BearDiary ★200+ – 小熊の日记 github.com/harveyqing/B

leancloud/leantodo-weapp ★200+ – 集成 LeanCloud 实现的 Todo list github.com/leancloud/le

kraaas/timer ★100+ – 番茄时钟 github.com/kraaas/timer

dunizb/wxapp-sCalc ★100+ – 简易计算器 github.com/dunizb/wxapp

litt1e-p/weapp-girls ★100+ – 豆瓣美女/妹子图 github.com/litt1e-p/wea

liumulin614/BeautifulGirl – 美女模特 github.com/liumulin614/

vace/wechatapp-news-reader ★100+ – 新闻阅读器 github.com/vace/wechata

DengKe1994/weapp-calculator – IOS 计算器 github.com/DengKe1994/w

monkindey/wx-github – GitHub 简历 github.com/monkindey/wx

fluency03/weapp-500px – 国外摄影社区 500px github.com/fluency03/we

xujinyang/CoderCalendar-WeApp – 程序员老黄历 github.com/xujinyang/Co

brucevanfdm/WeChatMeiZhi – 妹子图 github.com/brucevanfdm/

zce/weapp-todos – TODOS 任务清单 github.com/zce/weapp-to

arkilis/weapp-jandan – 煎蛋 github.com/arkilis/weap

bodekjan/wechat-weather – 微信天气 github.com/bodekjan/wec

jasscia/ChristmasHat – 我要圣诞帽 github.com/jasscia/Chri

nanwangjkl/sliding_puzzle – 滑块拼图 github.com/nanwangjkl/s

w1109790800/We-Todo – 基于LeanCloud的Todo-List github.com/w1109790800/

lonnng/etym – 芒果词源助手 github.com/lonnng/etym

wuhou123/wxxcx – 武侯的猫，基于wepy构建,整合了n多查询工具（快递，天气，记账，搞笑视频等） github.com/wuhou123/wxx

upupming/HITMers – 博物馆小助手（统计值班表、签到、值班日历及备忘录、国际化、Streamable.com 视频上传等）github.com/upupming/HIT

WarpPrism/SubwayRoutineMP – 【东京首尔曼谷新加坡巴黎地铁线路图

】github.com/WarpPrism/Su

GoKu-gaga/today – 口袋工具（一个小工具的集合）github.com/GoKu-gaga/to

cy920820/weapp-motor-movies – 马达电影助手（一个院线电影小助手） github.com/cy920820/wea

Gwokhov/chronus – Chronus 目标日记（一款能帮助你管理生活目标的云开发微信小程序）github.com/Gwokhov/chro

imliubo/Wechat_MQTT_ESP8266_BaiduIoT – 微信智能小管家 (使用微信小程序控制你的硬件设备) github.com/imliubo/Wech

ZhuPeng/mp-githubtrending – 以 Feed 流形式查看 GitHub Trending 仓库集合的工具

上一篇：好累呀，在银行工作，咋能不累呢?

下一篇：婆婆给你带娃，但是过程中娃受伤了，你会责怪婆婆吗？

END