微信小程序實例系列

下載

---

個人博客，歡迎交流！

個人CSDN博客，歡迎交流！

微信小程序專欄

前端筆記專欄

微信小程序實現部分高德地圖功能的DEMO下載

微信小程序實現MUI的部分效果的DEMO下載

微信小程序實現MUI的GIT項目地址

微信小程序實例列表

前端筆記列表

遊戲列表

常見錯誤

---

1. 微信小程序—-連等報錯（ReferenceError: xxxxx is not defined）
2. 微信小程序—-修改data中的數據，頁面數據不改變
3. 微信小程序—-Now you can provide attr 「wx:key」 for a 「wx:for」 to improve performance.
4. 微信小程序—-Uncaught ReferenceError: ret is not defined

基礎篇

---

1. 微信小程序—-App生命週期
2. 微信小程序—-頁面生命週期
3. 微信小程序—-引入外部字體庫iconfont的圖標
4. 微信小程序—-icon組件
5. 微信小程序—-模板（template）
6. 微信小程序—-button組件
7. 微信小程序—-progress組件
8. 微信小程序—-slider組件
9. 微信小程序—-switch組件（開關選擇器）
10. 微信小程序—-checkbox組件
11. 微信小程序—-radio組件
12. 微信小程序—-scroll-view組件（MUI索引列表）滾動動畫
13. 微信小程序—-switch組件實現
14. 微信小程序—-手勢鎖詳解
15. 微信小程序—-返回上一頁刷新或當前頁刷新
16. 微信小程序—-自定義加載圖標
17. 微信小程序—-全局變量
18. 微信小程序—-動態設置導航欄標題

實例篇

---

1. 微信小程序—-gallery slider（圖片輪播）組件
2. 微信小程序—-側滑菜單（Popup—-左側不動，右側滑動）（MUI側滑導航）
3. 微信小程序—-側滑菜單（Popup—左側滑動，右側不動）（MUI側滑導航）
4. 微信小程序—-導航欄滑動定位（實現CSS3的position:sticky效果）
5. 微信小程序—-導航欄透明漸變一（MUI導航欄透明漸變）
6. 微信小程序—-導航欄透明漸變二（MUI導航欄透明漸變）
7. 微信小程序—-全國機場索引列表（MUI索引列表）
8. 微信小程序—-摺疊面板（MUI摺疊面板）
9. 微信小程序—-三級聯動選擇器（picker、省市區選擇器）（MUI選擇器）
10. 微信小程序—-日期時間選擇器（自定義精確到分秒或時段）（MUI日期時間）
11. 微信小程序—-導航欄選項卡（MUI頂部選項卡）
12. 微信小程序—-界面交互反饋API（wx.showToast(OBJECT)、wx.showModal(OBJECT)）（MUI消息框）
13. 微信小程序—-列表下拉刷新上拉加載（MUI下拉刷新和上拉加載更多）
14. 微信小程序—-wx.showActionSheet(OBJECT)操做菜單（MUI操做表）
15. 微信小程序—-MUI數字輸入框
16. 微信小程序—-圖片預覽
17. 微信小程序—-手勢圖案鎖屏
18. 微信小程序—-實現YDUI的ScrollNav組件（滾動導航）
19. 微信小程序—-實現YDUI的ScrollTab（滾動選項卡）
20. 微信小程序—-團購或秒殺的批量倒計時實現
21. 微信小程序—-canvas實現刮刮樂效果

高德地圖開發

1. 微信小程序—-高德地圖開發應用（獲取key）
2. 微信小程序—-map路線規劃
3. 微信小程序—-map組件實現檢索【定位位置】周邊的POI
4. 微信小程序—-map組件實現解析經緯度
5. 微信小程序—-map組件實現（獲取定位城市天氣或者指定城市天氣數據）
6. 微信小程序—-map組件實現（高德地圖API實現wx.chooseLocation（OBJECT））
7. 微信小程序—-map組件實現（路線規劃）

效果圖

---

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

微信小程序—-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索引列表）

持續更新中……