微信小程序實例系列

下載


我的博客,歡迎交流!

我的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的ScrollTab(滾動選項卡)

微信小程序—-實現YDUI的ScrollNav組件(滾動導航)

YDUI的ScrollNav效果圖

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

switch組件實現

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

手勢圖案解鎖效果圖

微信小程序—-圖片預覽

圖片預覽效果圖

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

數字輸入框效果圖

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

操作菜單效果圖

微信小程序—-列表下拉刷新上拉加載(MUI下拉刷新和上拉加載更多)

下拉刷新上拉加載效果圖

微信小程序—-scroll-view組件(MUI索引列表)滾動動畫

scroll-view組件實現索引列表滾動動畫效果

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

界面交互反饋API效果圖

微信小程序—-radio組件

radio組件效果圖

微信小程序—-checkbox組件

checkbox組件效果圖

微信小程序—-switch組件(開關選擇器)

switch組件效果圖

微信小程序—-slider組件

slider組件效果圖

微信小程序—-progress組件

progress組件效果圖

微信小程序—-導航欄選項卡(MUI頂部選項卡)

導航欄選項卡效果圖

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

精確到秒的微信小程序日期時間選擇器

微信小程序—-三級聯動選擇器(picker、省市區選擇器)(MUI選擇器)

效果圖

微信小程序—-摺疊面板(MUI摺疊面板)

摺疊面板效果圖

微信小程序—-gallery slider(圖片輪播)組件

微信小程序圖片輪播動態圖

微信小程序—-側滑菜單(Popup—-左側不動,右側滑動)(MUI側滑導航)

左側菜單和右側展示頁面分爲上下兩層

微信小程序—-側滑菜單(Popup—左側滑動,右側不動)(MUI側滑導航)

左側滑動,右側不動

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

微信小程序實現position:sticky

微信小程序—-導航欄透明漸變一(MUI導航欄透明漸變)

導航欄透明漸變

微信小程序—-導航欄透明漸變二(MUI導航欄透明漸變)

導航欄透明漸變

微信小程序—-全國機場索引列表(MUI索引列表)

這裏寫圖片描述

持續更新中……

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章