小程序上線后，改版了很多次，包括一些 Api 接口也有改動(dòng)。如果你學(xué)習(xí)一個(gè)很久之前的小程序項(xiàng)目是沒有意義的，本文推薦的小程序都是最近有更新的。相信在你學(xué)習(xí)、部署的過程中，不會(huì)遇到很多問題。
本文推薦的項(xiàng)目從入門到進(jìn)階都有，收藏起來吧。
01.wordPress/ target=_blank class=infotextkey>WordPress 版微信小程序
這個(gè)小程序功能幾乎包含了「內(nèi)容」產(chǎn)品涉及的功能，比如：
-
文章列表（包括顯示文章分類、縮略圖、發(fā)布時(shí)間，支持分頁）
-
輪播圖、文章分類、文章內(nèi)容頁（包括文章站內(nèi)鏈接跳轉(zhuǎn)，站外鏈接復(fù)制到剪切板）
-
猜你喜歡相關(guān)文章、文章評(píng)論（提交評(píng)論和回復(fù)評(píng)論，加載評(píng)論分頁，顯示微信用戶評(píng)論者的頭像）
-
顯示文章排行（瀏覽數(shù)、評(píng)論數(shù)、點(diǎn)贊數(shù)、贊賞數(shù)）、文章內(nèi)容搜索
-
通過微信支付對文章贊賞
-
朋友圈、小程序直播、支持微信搜一搜頁面接入和內(nèi)容搜索等等
02. 小程序書店
技術(shù)棧：Taro + Taro UI + Redux + Webpack + ES6 + Mock。這個(gè)項(xiàng)目可以作為你第一個(gè)小程序練手項(xiàng)目。
這個(gè)小程序非常簡單，可以作為初學(xué)者第一個(gè)實(shí)戰(zhàn)項(xiàng)目。幫助新手理解 Taro 與 Redux 的配合方式與 Taro 的基本使用。本項(xiàng)目還提供了一個(gè)快速搭建本地 mock 服務(wù)的解決方案。
除此之外，這個(gè)項(xiàng)目還提供了學(xué)習(xí)文檔：
03. 高仿喜馬拉雅
如果你僅僅有 html css Js 的知識(shí)儲(chǔ)備，想開發(fā)一個(gè)屬于自己的小程序，這個(gè) Demo 再適合你不過了，這個(gè)高仿喜馬拉雅是一個(gè)初級(jí)項(xiàng)目完全使用微信小程序原生開發(fā)，沒有使用自定義組件，非常的適合微信小程序開發(fā)新手。
04. 網(wǎng)易云音樂小程序
基于Taro與網(wǎng)易云音樂 api 開發(fā)，技術(shù)棧主要是：typescript+taro+taro-ui+redux+react-hooks。
目前主要是著重小程序端的展示，主要也是借此項(xiàng)目強(qiáng)化下上述幾個(gè)技術(shù)棧的使用，打造一個(gè)最佳實(shí)踐項(xiàng)目，通過這個(gè)項(xiàng)目也可以幫助你快速使用 Taro 開發(fā)一個(gè)屬于你自己的小程序。
這是該小程序?qū)崿F(xiàn)的一些功能：
05. 小程序 GitHub Trending Hub
小程序 GitHub Trending Hub 是一個(gè)以 Feed 流形式查看 GitHub Trending 倉庫集合的工具，通過它可以及時(shí)查看最近更新的熱門倉庫。
06. 微信小程序商城
剛剛提及的項(xiàng)目適合新手入門，這個(gè)小程序適合進(jìn)階選手。這個(gè)程序涉及很多組件的使用比如：
-
接口 SDK
-
api工廠
-
vant-weApp
-
小程序富文本插件（html 渲染）
-
小程序海報(bào)組件-生成朋友圈分享海報(bào)并生成圖片
-
Apache ECharts
07. 情書站點(diǎn)
第一個(gè)項(xiàng)目是校園小情書的微信小程序，該項(xiàng)目功能包括表白墻、樹洞、校園論壇。
下載。
