最近小程序生態基本已經趨于穩定，而且各大、小、創業公司都已經全面轉化到小程序產品線，很多童鞋的公司主產品線都已經被小程序占領，不得不說現在 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一樣。這個入門最快，而且不枯燥~ 適合新手和轉行者。