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

小程序是腾讯干儿子系列，异常重视，从版本迭代周期频率就可以感受出来，3天小更新，半月大更新，我们何曾感受到过哪个大公司平台的产品更新如此激烈高潮的？所以基于大家的需求、需要，苏州微信小程序开发定制收集各个干货和资料，其中有基本的小程序UI、开发框架、实用功能库、开发工具，也有服务端开发框架、api模拟、全栈搭配开发方案、上线demo等。这是搜集的开源总结，所以挑一些常用并且好用的来这里分享下，以防很多人不知道如何找资源，我目的也是为大家分享更多的资源和干货，让我们一起事半功倍。github 项目。

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 - 微信小程序手势解锁

开发框架

wepy ★1325 - 小程序组件化开发框架
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 • 一个」 的微信小程序

没开发过小程序的童鞋怎么办？我们如何学习小程序一系列开发流程并配合后台管理系统快速上线一个小程序，第一、快速查看官网微信枯燥的小程序API 和一些指导教程，这需要很好的学习能力和很多基本的编程技能素养~适合老手

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