實戰

【微信小程序】---- redux 在原生微信小程序的使用實例

【微信小程序】---- weapp-redux的使用文檔

【微信小程序】---- Promise.then(success, fail)執行順序的問題

【微信小程序】---- 監聽頁面停止滾動

【微信小程序】---- CustomBar 公用組件封裝

微信小程序----開發rui-swiper多樣式輪播組件

微信小程序----Grid（九宮格）（flex實現九宮格布局）

微信小程序----Maide List（圖文列表）（flex布局實現MUI的圖文列表）

微信小程序----開發rui-dtpicker多粒度日期組件

微信小程序---- setData 列表性能優化

微信小程序----簡易雙向綁定

微信小程序----全局狀態管理 (便于全局埋點等操作)

微信小程序 ---- 從短信、郵件、微信外網頁等場景打開小程序

常見錯誤

---

微信小程序----連等報錯（ReferenceError: xxxxx is not defined）

微信小程序----修改data中的數據，頁面數據不改變

微信小程序----Now you can provide attr “wx:key” for a “wx:for” to improve performance.

微信小程序----Uncaught ReferenceError: ret is not defined

基礎篇

---

微信小程序----App生命周期

微信小程序----頁面生命周期

微信小程序----引入外部字體庫iconfont的圖標

微信小程序----icon組件

微信小程序----模板（template）

微信小程序----button組件

微信小程序----progress組件

微信小程序----slider組件

微信小程序----switch組件（開關選擇器）

微信小程序----checkbox組件

微信小程序----radio組件

微信小程序----scroll-view組件（MUI索引列表）滾動動畫

微信小程序----switch組件實現

微信小程序----手勢鎖詳解

微信小程序----返回上一頁刷新或當前頁刷新

微信小程序----自定義加載圖標

微信小程序----全局變量

微信小程序----動態設置導航欄標題

實例篇

---

微信小程序----gallery slider（圖片輪播）組件

微信小程序----側滑菜單（Popup----左側不動，右側滑動）（MUI側滑導航）

微信小程序----側滑菜單（Popup—左側滑動，右側不動）（MUI側滑導航）

微信小程序----導航欄滑動定位（實現CSS3的position:sticky效果）

微信小程序----導航欄透明漸變一（MUI導航欄透明漸變）

微信小程序----導航欄透明漸變二（MUI導航欄透明漸變）

微信小程序----全國機場索引列表（MUI索引列表）

微信小程序----折疊面板（MUI折疊面板）

微信小程序----三級聯動選擇器（picker、省市區選擇器）（MUI選擇器）

微信小程序----日期時間選擇器（自定義精確到分秒或時段）（MUI日期時間）

微信小程序----導航欄選項卡（MUI頂部選項卡）

微信小程序----界面交互反饋API（wx.showToast(OBJECT)、wx.showModal(OBJECT)）（MUI消息框）

微信小程序----列表下拉刷新上拉加載（MUI下拉刷新和上拉加載更多）

微信小程序----wx.showActionSheet(OBJECT)操作菜單（MUI操作表）

微信小程序----MUI數字輸入框

微信小程序----圖片預覽

微信小程序----手勢圖案鎖屏

微信小程序----實現YDUI的ScrollNav組件（滾動導航）

微信小程序----實現YDUI的ScrollTab（滾動選項卡）

微信小程序----團購或秒殺的批量倒計時實現

微信小程序----canvas實現刮刮樂效果

高德地圖開發

微信小程序----高德地圖開發應用（獲取key）

微信小程序----map路線規劃

微信小程序----map組件實現檢索【定位位置】周邊的POI

微信小程序----map組件實現解析經緯度

微信小程序----map組件實現（獲取定位城市天氣或者指定城市天氣數據）

微信小程序----map組件實現（高德地圖API實現wx.chooseLocation（OBJECT））

微信小程序----map組件實現（路線規劃）

WXRUI體驗二維碼

如果文章對你有幫助的話，請打開微信掃一下二維碼，點擊一下廣告，支持一下作者！謝謝！

效果圖

---

微信小程序----團購或秒殺的批量倒計時實現

微信小程序----map組件實現（路線規劃）

微信小程序----map組件實現（高德地圖API實現wx.chooseLocation（OBJECT））

微信小程序----map組件實現（獲取定位城市天氣或者指定城市天氣數據）

微信小程序----map組件實現解析經緯度

微信小程序----map組件實現檢索【定位位置】周邊的POI

微信小程序----map路線規劃

微信小程序----實現YDUI的ScrollTab（滾動選項卡）

微信小程序----實現YDUI的ScrollNav組件（滾動導航）

微信小程序----switch組件實現

微信小程序----手勢圖案鎖屏

微信小程序----圖片預覽

微信小程序----MUI數字輸入框

微信小程序----wx.showActionSheet(OBJECT)操作菜單（MUI操作表）

微信小程序----列表下拉刷新上拉加載（MUI下拉刷新和上拉加載更多）

微信小程序----scroll-view組件（MUI索引列表）滾動動畫

微信小程序----界面交互反饋API（wx.showToast(OBJECT)、wx.showModal(OBJECT)）（MUI消息框）

微信小程序----radio組件

微信小程序----checkbox組件

微信小程序----switch組件（開關選擇器）

微信小程序----slider組件

微信小程序----progress組件

微信小程序----導航欄選項卡（MUI頂部選項卡）

微信小程序----日期時間選擇器（自定義精確到分秒或時段）（MUI日期時間）

微信小程序----三級聯動選擇器（picker、省市區選擇器）（MUI選擇器）

微信小程序----折疊面板（MUI折疊面板）

微信小程序----gallery slider（圖片輪播）組件

微信小程序----側滑菜單（Popup----左側不動，右側滑動）（MUI側滑導航）

微信小程序----側滑菜單（Popup—左側滑動，右側不動）（MUI側滑導航）

微信小程序----導航欄滑動定位（實現CSS3的position:sticky效果）

微信小程序----導航欄透明漸變一（MUI導航欄透明漸變）

微信小程序----導航欄透明漸變二（MUI導航欄透明漸變）

微信小程序----全國機場索引列表（MUI索引列表）

持續更新中…

總結

以上是生活随笔為你收集整理的微信小程序实例系列的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。