利用國(guó)慶這段時(shí)間收集的一些微信小程序?qū)W習(xí)資源，希望能夠幫助到大家！

持續(xù)更新，歡迎投稿，開源項(xiàng)目或者文章博客！

來(lái)源知乎：https://zhuanlan.zhihu.com/p/193101814

目錄

• 官網(wǎng)文檔
• 系列教程
• 視頻
• 開源項(xiàng)目
• 小程序UI框架
• 文章博客
• 新聞資訊

官網(wǎng)文檔

1.微信官網(wǎng)小程序開發(fā)文檔

https://developers.weixin.qq.com/miniprogram/dev/framework/

2.【微信支付】微信小程序支付開發(fā)者文檔

https://pay.weixin.qq.com/wiki/doc/api/wxa/wxa_api.php?chapter=1_1

3.小程序·云開發(fā)解決方案

為企業(yè)和開發(fā)者提供一站式后端云服務(wù)，無(wú)需管理基礎(chǔ)架構(gòu)，一次開發(fā)多端運(yùn)行，騰訊云和微信聯(lián)合出品。

https://cloud.tencent.com/solution/la

4.小程序注冊(cè)圖文教程

https://developers.weixin.qq.com/miniprogram/introduction/

這些文章里面講解了如何從申請(qǐng)賬號(hào)到上線運(yùn)營(yíng)、給出了開發(fā)上手指南和功能體驗(yàn)Demo、包含了完整的API接口和配置說(shuō)明，是微信小程序最完整最權(quán)威的介紹。

對(duì)于一個(gè)已有 JS 和 Web 開發(fā)經(jīng)驗(yàn)的人來(lái)說(shuō)，可以很快上手開發(fā)。

系列教程

1.稀土區(qū)：微信小程序開發(fā)教程！

將帶你一步步創(chuàng)建完成一個(gè)微信小程序，并可以在手機(jī)上體驗(yàn)該小程序的實(shí)際效果。這個(gè)小程序的首頁(yè)將會(huì)顯示歡迎語(yǔ)以及當(dāng)前用戶的微信頭像，點(diǎn)擊頭像，可以在新開的頁(yè)面中查看當(dāng)前小程序的啟動(dòng)日志。

https://xituqu.com/508.html

2. 微信小應(yīng)用 IDE的安裝以及安裝過(guò)程的常見問(wèn)題及 + Demo

本文內(nèi)容主要解決下載安裝IDE和hello world的問(wèn)題.----以Windows平臺(tái)為主

但是現(xiàn)在應(yīng)該是已經(jīng)過(guò)時(shí)了，此教程文章文寫于 2016/09/23 ！

https://github.com/champion32/WeAppIdeIssue

3.開發(fā)微信小程序入門前的準(zhǔn)備

https://learnku.com/laravel/t/2890/before-the-introduction-of-small-programs-wechat

4.從零開始帶你擼一個(gè)小程序

quick start項(xiàng)目代碼的基礎(chǔ)上開發(fā)一個(gè)獲取用戶位置并顯示天氣的小程序。

https://zhuanlan.zhihu.com/p/24946190

5.極簡(jiǎn)微信小程序入門示例

本系列將會(huì)通過(guò)一個(gè)非常簡(jiǎn)單的例子，演示如何開發(fā)一個(gè)微信小程序。

https://zhuanlan.zhihu.com/p/24954515

4.微信小程序極速實(shí)戰(zhàn)指南

完整全面系列的微信小程序快速實(shí)戰(zhàn)！

http://www.wxappclub.com/book/1

5.小程序開發(fā)經(jīng)驗(yàn)總結(jié)

https://upupming.site/2018/09/11/mini-program-developing

6.微信小程序怎么開發(fā)？玩物志用一個(gè)上午上線了電商應(yīng)用

https://www.ifanr.com/721124

視頻教程

[外鏈圖片轉(zhuǎn)存失敗,源站可能有防盜鏈機(jī)制,建議將圖片保存下來(lái)直接上傳(img-0WdKccVK-1601810464978)(https://imgkr2.cn-bj.ufileos.com/d8562269-be8f-45cb-8b23-b84036eb41b6.png?UCloudPublicKey=TOKEN_8d8b72be-579a-4e83-bfd0-5f6ce1546f13&Signature=GffxZwe4Gffux47dErxVioxP07Y%253D&Expires=1601895020)]

網(wǎng)易云課堂：微信小程序全方位深度解析

本套視頻教程將會(huì)帶大家從最基礎(chǔ)環(huán)境搭建、配置、api的使用到開發(fā)出一個(gè)app的完整流程

https://study.163.com/course/introduction/1003283028.htm

網(wǎng)易云課堂：微信小程序?qū)崙?zhàn)

https://study.163.com/course/introduction/1003339001.htm

網(wǎng)易云課堂：王老師從“零”帶你制作“微信小程序”

https://study.163.com/course/introduction/1003313003.htm

慕課：入門微信小程序開發(fā)

本章節(jié)什么是微信小程序，小程序有哪些宣傳方式，小程序官方文檔介紹，小程序開發(fā)流程，如何注冊(cè)小程序，新建小程序項(xiàng)目，小程序開發(fā)工具講解，小程序代碼結(jié)構(gòu)講解，代碼編寫-tabbar的配置。

https://www.imooc.com/learn/974

千鋒教育微信小程序開發(fā)視頻教程

https://www.php.cn/course/242.html

微信小程序開發(fā)CMS系統(tǒng)視頻教程

將和大家從零開始一步一步搭建微信小程序CMS系統(tǒng)，每個(gè)章節(jié)都會(huì)涉及到不同的知識(shí)點(diǎn)，等教程學(xué)習(xí)完你不但掌握了小程序開發(fā)全部知識(shí)，同時(shí)還擁有一個(gè)完整作品的開發(fā)經(jīng)驗(yàn)！

http://www.php.cn/course/244.html

開源項(xiàng)目

如果你有開源的小程序，歡迎推薦。 持續(xù)更新中…

1.qrcode

https://github.com/tomfriwel/weapp-qrcode

微信小程序生成二維碼工具。工具類的小程序在微信搜一搜中流量還是蠻大的

[外鏈圖片轉(zhuǎn)存失敗,源站可能有防盜鏈機(jī)制,建議將圖片保存下來(lái)直接上傳(img-uNnvBzRu-1601810464983)(https://imgkr2.cn-bj.ufileos.com/7a1832fe-bb65-412e-8f38-bf2884536b47.png?UCloudPublicKey=TOKEN_8d8b72be-579a-4e83-bfd0-5f6ce1546f13&Signature=V8%252B08xmnbNJkzeX3Ohj0oemJAHM%253D&Expires=1601895309)]

2. v2ex

https://github.com/jectychen/wechat-v2ex

V2Ex小程序，V2EX 是創(chuàng)意工作者們的社區(qū)。這里目前匯聚了超過(guò) 400,000 名主要來(lái)自互聯(lián)網(wǎng)行業(yè)、游戲行業(yè)和媒體行業(yè)的創(chuàng)意工作者。

3. 頭像加口罩

https://github.com/infinityu/mina-wear-mask
這是一個(gè)小程序矩陣。

那些小程序工具抖音去水印、頭像制作、星座類的，微信搜索指數(shù)就能看出來(lái)，有非常巨大的流量入口，垂直工具雖然使用頻率不是非常高，但是流量大的“足以發(fā)揮想象”啊！

4. 餐飲點(diǎn)餐商城

https://gitee.com/woniudiancang/bee

餐飲點(diǎn)餐商城，是針對(duì)餐飲行業(yè)推出的一套完整的餐飲解決方案，實(shí)現(xiàn)了用戶在線點(diǎn)餐下單、外賣、叫號(hào)排隊(duì)、支付、配送等功能，完美的使餐飲行業(yè)更高效便捷！

[外鏈圖片轉(zhuǎn)存失敗,源站可能有防盜鏈機(jī)制,建議將圖片保存下來(lái)直接上傳(img-S2dA4Om7-1601810464988)(https://imgkr2.cn-bj.ufileos.com/889ec2fc-b539-491c-af60-8ec65c028863.png?UCloudPublicKey=TOKEN_8d8b72be-579a-4e83-bfd0-5f6ce1546f13&Signature=Wxtr82JxCwG6lMKDa68i9NuYHek%253D&Expires=1601895435)]

5. 2048小游戲

https://github.com/natee/wxapp-2048

基于網(wǎng)絡(luò)版2048游戲開發(fā)的微信小程序版2048，僅作交流學(xué)習(xí)用。

6. 學(xué)之思在線考試系統(tǒng)

https://github.com/mindskip/xzs

學(xué)之思在線考試系統(tǒng)是一款 java + vue 的前后端分離的考試系統(tǒng)。主要優(yōu)點(diǎn)是開發(fā)、部署簡(jiǎn)單快捷、界面設(shè)計(jì)友好、代碼結(jié)構(gòu)清晰。目前支持web端和微信小程序，能覆蓋到pc機(jī)和手機(jī)等設(shè)備。

7. 租房平臺(tái)類微信小程序

https://gitee.com/LiangSenCheng/house
基于微信小程序云開發(fā)的租房平臺(tái)類微信小程序，帶完整的管理員后臺(tái)。快速完成微信小程序前后端的搭建，后臺(tái)完全使用微信小程序云開發(fā)，不依賴服務(wù)器，無(wú)需購(gòu)買服務(wù)器即可使用。

[外鏈圖片轉(zhuǎn)存失敗,源站可能有防盜鏈機(jī)制,建議將圖片保存下來(lái)直接上傳(img-kvMMrbo5-1601810464993)(https://imgkr2.cn-bj.ufileos.com/cbd345f2-044c-44b1-a833-35a1b1e2208a.png?UCloudPublicKey=TOKEN_8d8b72be-579a-4e83-bfd0-5f6ce1546f13&Signature=k6Adr3uoT0IJIV%252BSGP1VrU1BfG4%253D&Expires=1601895569)]

參考博客：https://www.cnblogs.com/LiangSenCheng/

8. 仿網(wǎng)易云音樂(lè)APP的微信小程序

https://github.com/sqaiyan/NeteaseMusicWxMiniApp

已經(jīng)實(shí)現(xiàn)以下功能：

用戶、歌單、FM、播放、評(píng)論、MV、專輯、歌手、登錄、歌曲紅心、FM trash、收藏單曲至歌單、收聽記錄、歌單歌曲推薦、迷你播放條、電臺(tái)、節(jié)目、搜索

9. Github今日榜單

https://github.com/jae-jae/weapp-github-trending

10. 簡(jiǎn)約風(fēng)微信小程序版博客

https://github.com/aquanlerou/WeHalo

[外鏈圖片轉(zhuǎn)存失敗,源站可能有防盜鏈機(jī)制,建議將圖片保存下來(lái)直接上傳(img-4RJxm3Sd-1601810464997)(https://imgkr2.cn-bj.ufileos.com/f2f5a711-b561-4348-a3a4-1131ca2d5edf.png?UCloudPublicKey=TOKEN_8d8b72be-579a-4e83-bfd0-5f6ce1546f13&Signature=OJbgSVRn3plkiRhaVKhukSxgN9g%253D&Expires=1601895581)]

配合Halo輕快，簡(jiǎn)潔，功能強(qiáng)大的博客系統(tǒng)而開發(fā)出來(lái)的簡(jiǎn)約風(fēng)微信小程序版博客

11. 秀視頻小程序

https://github.com/RAOE/show-videos

短視頻社交小程序，用戶可以在小程序上發(fā)布自己的短視頻 并且經(jīng)過(guò)我們的平臺(tái)加入濾鏡或者背景音樂(lè)制作出獨(dú)具特色的短視頻。

12. 小程序營(yíng)銷組件

https://github.com/sunniejs/sol-weapp/
一套簡(jiǎn)單，易用，業(yè)務(wù)化的商城營(yíng)銷組件庫(kù)，讓開發(fā)變得更簡(jiǎn)單。

13. wx-charts

https://github.com/xiaolin3303/wx-charts

微信小程序圖表工具，基于canvas繪制，體積小巧。

14. GitHub小程序客戶端

https://github.com/huangjianke/Gitter

可能是目前顏值最高的GitHub小程序客戶端。

15. 仿知乎小程序

https://github.com/RebeccaHanjw/weapp-wechat-zhihu

界面及交互設(shè)計(jì)來(lái)自知乎 Android 版本 實(shí)現(xiàn)功能：列表式渲染數(shù)據(jù)，自定義頂部 tabbar，下拉刷新，上拉加載更多，輪播圖。

16. 在線借書平臺(tái)

https://github.com/imageslr/weapp-library

連接讀者與圖書館的借書平臺(tái)，讀者的圖書資料庫(kù)與書單系統(tǒng)。30+頁(yè)，多個(gè)可替換組件，小程序開發(fā)入門。
該作品獲得第六屆中國(guó)軟件杯大賽全國(guó)一等獎(jiǎng)，第一屆微信小程序開發(fā)大賽華北賽區(qū)一等獎(jiǎng)。

UI框架

推薦9款優(yōu)秀的小程序UI框架，可快速開發(fā)微信小程序！

1.TouchUI WX

https://github.com/uileader/touchuiwx
TouchUI-WX是一套完全免費(fèi)的微信小程序開發(fā)框架，包含豐富的UI控件用于官方組件的補(bǔ)充，并擴(kuò)展了小程序很多其他能力。

2.lin-ui

https://github.com/TaleLin/lin-ui
簡(jiǎn)潔，易用，靈活的微信小程序組件庫(kù)。

采用原生小程序語(yǔ)言編寫, 使用npm安裝
滿足場(chǎng)景各應(yīng)用場(chǎng)景, 更有電商專題組件提供支持
可在mpvue, Taro, WePY等第三方框架中使用LinUI
LinUI不是常規(guī)意義上的組件庫(kù), 我們還擁有過(guò)濾器, 行為等高級(jí)功能, 滿足開發(fā)者個(gè)性化需求

3.WeUI

https://github.com/Tencent/weui-wxss

WeUI WXSS是騰訊官方UI組件庫(kù)WeUI的小程序版，提供了跟微信界面風(fēng)格一致的用戶體驗(yàn)。
可在https://weui.io/ 直接看到UI效果

4.iview weapp

https://github.com/TalkingData/iview-weapp
iView是TalkingData發(fā)布的一款高質(zhì)量的基于Vue.js組件庫(kù)，而iView weapp則是它們的小程序版本。

5.ColorUI

https://github.com/weilanwl/ColorUI
鮮亮的高飽和色彩，專注視覺的小程序組件庫(kù)。

ColorUI是一個(gè)Css類的UI組件庫(kù)！不是一個(gè)Js框架。相比于同類小程序組件庫(kù)，ColorUI更注重于視覺交互！

其組件在美觀性方面比較突出。

開發(fā)文檔參考（編輯中）：https://www.color-ui.com

6.Vant Weapp

https://github.com/youzan/vant-weapp

Vant Weapp 是有贊移動(dòng)端組件庫(kù) Vant 的小程序版本，兩者基于相同的視覺規(guī)范，提供一致的 API 接口，助力開發(fā)者快速搭建小程序應(yīng)用。

開發(fā)文檔參考：https://youzan.github.io/vant-weapp/#/intro

7.TaroUI

https://github.com/NervJS/taro-ui

TaroUI 是由京東·凹凸實(shí)驗(yàn)室發(fā)布的多端 UI 組件庫(kù)。

開發(fā)文檔：https://taro-ui.aotu.io/#/docs/introduction

8.WuxUI

這套組件庫(kù)所包含的組件最為豐富。不僅我們前文提到的各類組件都可以在 Wux 中找到，而且還有進(jìn)度環(huán)、骨架屏、篩選欄、數(shù)字鍵盤、結(jié)果頁(yè)等實(shí)用工具類組件。
開發(fā)文檔：https://wux-weapp.github.io/wux-weapp-docs/#/introduce

9.MinUI

https://github.com/meili/min-cli

MinUI 是由蘑菇街發(fā)布的組件庫(kù)。與其他組件庫(kù)不同的是，MinUI 更注重一些細(xì)節(jié)的處理。

文章博客

持續(xù)更新，歡迎投稿！

微信小程序開發(fā)三宗罪和解決方案(SegmentFault)

https://segmentfault.com/a/1190000007017985

小程序開發(fā)利器：Matchmaker(CSDN)

http://blog.csdn.net/luoyanglizi/article/details/52711634

一張圖看微信小程序(前端之路 - DRY)

http://zhenhua-lee.github.io/manmage/wx.html

微信小程序和谷歌PWA有什么關(guān)系？(微信公眾號(hào))

http://mp.weixin.qq.com/s?__biz=MzAwODY4OTk2Mg==&mid=2652039482&idx=2&sn=778e1313ebbd832b590b81a8088b63db#rd

開發(fā)微信小程序的必備技能圖譜(CSDN)

http://geek.csdn.net/news/detail/103138

新聞資訊

微信正式開放內(nèi)測(cè)"小程序"，不開發(fā)APP的日子真的來(lái)了？(36氪)

http://36kr.com/p/5053349.html

關(guān)于微信小程序（應(yīng)用號(hào)），我能透露的幾個(gè)細(xì)節(jié)(可能吧)

https://kenengba.com/post/3515.html

你的產(chǎn)品適不適合做微信小程序？你需要這篇產(chǎn)品邏輯分析(虎嗅網(wǎng))

https://www.huxiu.com/article/164700.html

微信公眾平臺(tái)小程序開放公測(cè) (微信官方)

https://mp.weixin.qq.com/cgi-bin/announce?action=getannouncement&key=1478163659&version=15&lang=zh_CN