最近小程序生態(tài)基本已經(jīng)趨于穩(wěn)定，而且各大、小、創(chuàng)業(yè)公司都已經(jīng)全面轉(zhuǎn)化到小程序產(chǎn)品線，很多童鞋的公司主產(chǎn)品線都已經(jīng)被小程序占領(lǐng)，不得不說現(xiàn)在 web前端和后端又要多一門基本技能：了解并開發(fā)小程序。

小程序是騰訊干兒子系列，異常重視，從版本迭代周期頻率就可以感受出來，3天小更新，半月大更新，我們何曾感受到過哪個大公司平臺的產(chǎn)品更新如此激烈高潮的？所以基于大家的需求、需要，蘇州微信小程序開發(fā)定制收集各個干貨和資料，其中有基本的小程序UI、開發(fā)框架、實(shí)用功能庫、開發(fā)工具，也有服務(wù)端開發(fā)框架、api模擬、全棧搭配開發(fā)方案、上線demo等。這是搜集的開源總結(jié)，所以挑一些常用并且好用的來這里分享下，以防很多人不知道如何找資源，我目的也是為大家分享更多的資源和干貨，讓我們一起事半功倍。github 項(xiàng)目。

UI組件

weui-wxss ★1873 - 同微信原生視覺體驗(yàn)一致的基礎(chǔ)樣式庫
zanui-weapp ★794 - 好用易擴(kuò)展的小程序 UI 庫
wx-charts ★449 - 微信小程序圖表工具
wux ★163 - 微信小程序自定義組件
wemark ★161 - 微信小程序Markdown渲染庫
wxapp ★131 - 微信小程序組件
wx-scrollable-tab-view ★116 - 小程序可滑動得tabview
wxapp-img-loader ★101 - 微信小程序的圖片預(yù)加載組件
WeZRender ★96 - 微信小程序Canvas增強(qiáng)組件
wetoast ★77 - 仿照微信小程序提供的showToast功能
wxSearch ★70 - 微信小程序優(yōu)雅的搜索框
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實(shí)現(xiàn)
wxapp-lock ★12 - 微信小程序手勢解鎖

開發(fā)框架

wepy ★1325 - 小程序組件化開發(fā)框架
Labrador ★785 - 微信小程序模塊化開發(fā)框架
wxapp-devFrame ★49 - 小程序基本的開發(fā)框架

實(shí)用庫

wxParse ★1107 - 微信小程序富文本解析自定義組件
wechat-weapp-redux ★189 - 微信小程序Redux綁定
wxapp-socket-io ★123 - 微信小程序的SocketIO客戶端
wafer-client-sdk ★94 - 微信小程序客戶端騰訊云增強(qiáng) SDK
WxNotificationCenter ★86 - 微信小程序通知廣播模式類
wilddog-weapp ★67 - 野狗微信小程序客戶SDK
wx-query ★62 - 微信小程序仿jQuery插件
wxapp-google-analytics ★59 - 讓微信小程序支持谷歌統(tǒng)計
wxapp-jsapi ★49 - 百度地圖微信小程序
wxstream ★19 - 微信小程序的響應(yīng)式編程類庫封裝
upyun-wxapp-sdk ★16 - 又拍云微信小程序

開發(fā)工具

wept ★1097 - 實(shí)時微信小程序開發(fā)工具
weapp-quick ★320 - “微信Web開發(fā)者”拷貝工具
Wxapp.vim ★213 - 微信小程序開發(fā) Vim 插件
wechat_web_devtools ★179 - 微信開發(fā)者工具Linux版
miniapps ★131 - 小程序項(xiàng)目腳手架工具
Matchmaker ★107 - 專為微信小程序開發(fā)的插件
wecos ★64 - 微信小程序 COS 瘦身解決方案

服務(wù)端

m-mall-admin ★137 - 創(chuàng)建REST API的樣板應(yīng)用
NAMI ★79 - 專為小程序而生的服務(wù)端開發(fā)容器
weapp-node-server-demo ★72 - Wafer 服務(wù)端 Demo
Wafer 服務(wù)端 SDK - Java ★67 - 企業(yè)級微信小程序全棧方案
xpmjs ★67 - 小程序云端增強(qiáng) SDK
weapp-php-server-sdk ★42 - 騰訊云微信小程序云端解決方案

Demo-部分

weapp-demo ★1086 - 仿豆瓣電影微信小程序
wechat-weapp-mall ★750 - 微信小程序移動端商城
wechat-weapp-gank ★604 - Gank微信小程序
SmallAppForQQ ★561 - 微信小程序高仿QQ應(yīng)用
weapp-wechat-zhihu ★518 - 微信中的知乎
m-mall ★328 - 實(shí)現(xiàn)一個移動端小商城
仿芒果TV ★326 - 微信小程序demo
weChatApp-Run ★265 - 跑步微信小程序Demo
wechat-v2ex ★235 - 簡單的v2ex微信小程序
騰訊云微信小程序 ★234 - 一站式解決方案客戶端示例
weapp-weipiao ★234 - 微信小程序-微票
wechat-weapp-taobao ★227 - 微信小程序demo 仿手機(jī)淘寶
weapp-boilerplate ★220 - 一個為微信小程序開發(fā)準(zhǔn)備的基礎(chǔ)骨架
wechat_mall_applet ★201 - 巴爺微信商城的簡單版本
wechat-weapp-movie ★182 - 微信小程序 - 電影推薦
wechat-app-zhihudaily ★173 - 微信小程序-知乎日報
wechat-app-music ★153 - 微信小程序： 音樂播放器
fenda-mock ★153 - 使用微信小程序?qū)崿F(xiàn)分答這款A(yù)PP的基礎(chǔ)功能
wechat-weapp-mapdemo ★152 - 微信小程序開發(fā)demo-地圖定位
Artand ★123 - 微信小程序
weapp-douban-film ★112 - 微信小程序 - 豆瓣電影
wepy-wechat-demo ★105 - wepy仿微信聊天界面
weapp-one ★104 - 仿 「ONE ? 一個」 的微信小程序

沒開發(fā)過小程序的童鞋怎么辦？我們?nèi)绾螌W(xué)習(xí)小程序一系列開發(fā)流程并配合后臺管理系統(tǒng)快速上線一個小程序，第一、快速查看官網(wǎng)微信枯燥的小程序API 和一些指導(dǎo)教程，這需要很好的學(xué)習(xí)能力和很多基本的編程技能素養(yǎng)~適合老手

第二、不用說了，就是看視頻教程，一步一個腳印的跟著有經(jīng)驗(yàn)的教程來深入淺出，就像當(dāng)初我自學(xué)css一樣。這個入門最快，而且不枯燥~ 適合新手和轉(zhuǎn)行者。