微信小程序实例系列

下载

---

微信小程序实现部分高德地图功能的DEMO下载

微信小程序实现MUI的部分效果的DEMO下载

更多微信小程序实例

GIT

GIT地址

https://github.com/Rattenking/WXTUI-DEMO

GIT下载

git clone https://github.com/Rattenking/WXTUI-DEMO.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索引列表）

持续更新中……