我收集的小程序干货汇总-前后台都有，不用谢！

小程序开发资源！

「 起因 」

最近小程序生态基本已经趋于稳定，而且各大、小、创业公司都已经全面转化到小程序产品线，很多童鞋的公司主产品线都已经被小程序占领，不得不说现在 web前端和后端又要多一门基本技能：了解并开发小程序。

小程序是腾讯干儿子系列，异常重视，从版本迭代周期频率就可以感受出来，3天小更新，半月大更新，我们何曾感受到过哪个大公司平台的产品更新如此激烈高潮的？

所以基于大家的需求、需要，我又开始啪啪啪的收集各个干货和资料，其中有基本的小程序UI、开发框架、实用功能库、开发工具，

也有服务端开发框架、api模拟、全栈搭配开发方案、上线demo等。

这个 github 项目收集我已经fork下来很久了，而且很多框架我平时开发也都在用，这是搜集的开源总结，所以挑一些常用并且好用的来这里分享下，以防很多人不知道如何找资源，我目的也是为大家分享更多的资源和干货，让我们一起事半功倍。

「 干货资源列表 」

UI组件

• weui-wxss ★1873 - 同微信原生视觉体验一致的基础样式库

• zanui-weapp ★794 - 好用易扩展的小程序 UI 库

• wx-charts ★449 - 微信小程序图表工具

• wux ★163 - 微信小程序自定义组件

• wemark ★161 - 微信小程序Markdown渲染库

• wxapp ★131 - 微信小程序组件

• wx-scrollable-tab-view ★116 - 小程序可滑动得tabview

• wxapp-img-loader ★101 - 微信小程序的图片预加载组件

• WeZRender ★96 - 微信小程序Canvas增强组件

• wetoast ★77 - 仿照微信小程序提供的showToast功能

• wxSearch ★70 - 微信小程序优雅的搜索框

• wx_calendar ★65 - 小程序日历

• wxapp-charts ★52 - 微信小程序图表charts组件

• chartjs-wechat-mini-app ★42 - chartjs微信小程序适配

• citySelect ★42 - 微信小程序城市选择器

• WeiXinProject ★36 - 列表的上拉刷新和上拉加载

• wepy-com-charts ★20 - 微信小程序wepyjs图表控件

• WechatLoading ★14 - 加载框布局LoadingView

• wxTabs ★13 - 微信小程序的多tab实现

• wxapp-lock ★12 - 微信小程序手势解锁

• 开发框架

• mpvue ★6425 - 基于 Vue.js 的小程序开发框架，从底层支持 Vue.js 语法和构建工具体系。vue人士福利

• Labrador ★785 - 微信小程序模块化开发框架

• wxapp-devFrame ★49 - 小程序基本的开发框架

• 实用库

• wxParse ★1107 - 微信小程序富文本解析自定义组件

• wechat-weapp-redux ★189 - 微信小程序Redux绑定

• wxapp-socket-io ★123 - 微信小程序的SocketIO客户端

• wafer-client-sdk ★94 - 微信小程序客户端腾讯云增强 SDK

• WxNotificationCenter ★86 - 微信小程序通知广播模式类

• wilddog-weapp ★67 - 野狗微信小程序客户SDK

• wx-query ★62 - 微信小程序仿jQuery插件

• wxapp-google-analytics ★59 - 让微信小程序支持谷歌统计

• wxapp-jsapi ★49 - 百度地图微信小程序

• wxstream ★19 - 微信小程序的响应式编程类库封装

• upyun-wxapp-sdk ★16 - 又拍云微信小程序

• 开发工具

• wept ★1097 - 实时微信小程序开发工具

• weapp-quick ★320 - “微信Web开发者”拷贝工具

• Wxapp.vim ★213 - 微信小程序开发 Vim 插件

• wechat_web_devtools ★179 - 微信开发者工具Linux版

• miniapps ★131 - 小程序项目脚手架工具

• Matchmaker ★107 - 专为微信小程序开发的插件

• wecos ★64 - 微信小程序 COS 瘦身解决方案

• 服务端

• m-mall-admin ★137 - 创建REST API的样板应用

• NAMI ★79 - 专为小程序而生的服务端开发容器

• weapp-node-server-demo ★72 - Wafer 服务端 Demo

• Wafer 服务端 SDK - Java ★67 - 企业级微信小程序全栈方案

• xpmjs ★67 - 小程序云端增强 SDK

• weapp-php-server-sdk ★42 - 腾讯云微信小程序云端解决方案

Demo-部分

• weapp-demo ★1086 - 仿豆瓣电影微信小程序

• wechat-weapp-mall ★750 - 微信小程序移动端商城

• wechat-weapp-gank ★604 - Gank微信小程序

• SmallAppForQQ ★561 - 微信小程序高仿QQ应用

• weapp-wechat-zhihu ★518 - 微信中的知乎

• m-mall ★328 - 实现一个移动端小商城

• 仿芒果TV ★326 - 微信小程序demo

• weChatApp-Run ★265 - 跑步微信小程序Demo

• wechat-v2ex ★235 - 简单的v2ex微信小程序

• 腾讯云微信小程序 ★234 - 一站式解决方案客户端示例

• weapp-weipiao ★234 - 微信小程序-微票

• wechat-weapp-taobao ★227 - 微信小程序demo 仿手机淘宝

• weapp-boilerplate ★220 - 一个为微信小程序开发准备的基础骨架

• wechat_mall_applet ★201 - 巴爷微信商城的简单版本

• wechat-weapp-movie ★182 - 微信小程序 - 电影推荐

• wechat-app-zhihudaily ★173 - 微信小程序-知乎日报

• wechat-app-music ★153 - 微信小程序： 音乐播放器

• fenda-mock ★153 - 使用微信小程序实现分答这款APP的基础功能

• wechat-weapp-mapdemo ★152 - 微信小程序开发demo-地图定位

• Artand ★123 - 微信小程序

• weapp-douban-film ★112 - 微信小程序 - 豆瓣电影

• wepy-wechat-demo ★105 - wepy仿微信聊天界面

• weapp-one ★104 - 仿 「ONE · 一个」 的微信小程序

---

「 必看声明 」

由于微信不让在文章发外链，所以请注意，请注意，请注意！

请你不要再懒了，复制这个链接自己在浏览器打开吧，因为pc打开更容易开发和收集信息。

链接-复制打开，资源都在里面：

https://github.com/xiaobei666/weixin-xiaochengxu666-info

xiaobei666 是我的github 地址，平时也没怎么维护和开源，大家进去如果有需要和兴趣可以顺手给我点亮一下星星。

「 0基础入门如何学 」

重要一点：没开发过小程序的童鞋怎么办？我们如何学习小程序一系列开发流程并配合后台管理系统快速上线一个小程序，以免错过这个赚钱的风口呢？快速学习无外乎两点

1、快速查看官网微信枯燥的小程序API 和一些指导教程，这需要很好的学习能力和很多基本的编程技能素养~适合老手

2、不用说了，就是看视频教程，一步一个脚印的跟着有经验的教程来深入浅出，就像当初我自学css一样。这个入门最快，而且不枯燥~ 适合新手和转行者。

如果你想更系统地学习微信小程序开发技术怎么办？我不可能开班授课一步一步教给大家，一是我没那个组织能力，二是我目前也不打算收钱教学生（虽说后台很多人希望我开培训，付费也愿意）

其他也不用多说了，那些常说我干货少了的粉丝，要体谅下，写文章、找干货是很费精力和头脑的事情，可能你们回家在玩游戏或者睡觉的时候，我都在找素材写文章。

所以众口难调，希望我们互相支持和理解，不要把我必须分享干货当作理所当然。觉得好就赞和留言并且转发下就算支持我了。

延伸阅读：

1.我来谈谈小程序和工作方向
2.全栈工程师请不要随意去做
3.程序猿会写诗，是怎样的体验

4.web前端 | 你还在用jquery？

可能是最帅的公众号

认真生活、快乐工作

长按扫码关注我