微信小程序API
黄菊华老师
专注大学生计算机教育和毕业设计辅导
展开
-
微信小程序api视频课程-基础-wx.canIUse的使用
js代码 /** * 生命周期函数--监听页面加载 */ onLoad: function (options) { console.log(wx.canIUse("button")) console.log(wx.canIUse('button.open-type.getPhoneNumber')) console.log(wx.canIUse("but...原创 2019-04-09 17:11:31 · 1736 阅读 · 0 评论 -
微信小程序api视频课程-网络-wx.request 向远程传递参数的使用
默认点击按钮后wxml代码<button bindtap="cs">传送参数</button>js代码/** * 页面的初始数据 */ data: { }, cs:function(){ wx.request({ url: 'http://www.hzyaoyi.cn/shuju/txt.asp', ...原创 2019-03-19 10:31:39 · 943 阅读 · 0 评论 -
微信小程序api视频课程-网络-wx.request 请求Json对象数据的使用
远程数据地址:http://www.hzyaoyi.cn/shuju/02-object.html内容{ "id" : 1, "title" : "2018年企业最新代理政策!" }默认点击按钮获取数据后效果wxml代码<button bindtap="myjson">获取远程Json对象数据</button>返回值:{{jieguo.id}} | {{...原创 2019-03-19 10:37:54 · 1093 阅读 · 0 评论 -
微信小程序api视频课程-网络-wx.request 请求远程(对象)数组数据的使用
远程数据地址:http://www.hzyaoyi.cn/shuju/03-array.html内容[ { "id" : 11, "title" : "2018年企业最新代理政策!" }, { "id" : 22, "title" : "2018年劳动节放假时间和安排通知" }, { "id" : 31, "title" : "帮助你在云平台上搭建自己的" }, { "id" : 49, "t...原创 2019-03-19 10:46:34 · 921 阅读 · 0 评论 -
微信小程序api视频课程-数据缓存-wx.getStorageInfo 获取当前storage的相关信息的使用
wxml代码wx.getStorageInfo(Object object) 异步获取当前storage的相关信息<button bindtap="myget01">获取当前storage的相关信息</button>js代码 /** * 页面的初始数据 */ data: { }, myget01:function(){ w...原创 2019-03-19 10:48:42 · 1863 阅读 · 0 评论 -
微信小程序api视频课程-数据缓存-wx.setStorage 数据存储在本地缓存的使用
设置缓存wxml代码<button bindtap="myset01">设置缓存数据</button><button bindtap="myset02">设置缓存数据2</button>js代码 /** * 页面的初始数据 */ data: { }, myset01:function(){ wx....原创 2019-03-19 10:51:40 · 774 阅读 · 0 评论 -
微信小程序api视频课程-数据缓存-wx.getStorage 从本地缓存中获取指定 key 的内容的使用
默认获取内容wxml代码wx.getStorage(Object object) 从本地缓存中异步获取指定 key 的内容<button bindtap="myget01">获取缓存的值</button>缓存的值:{{shuju}}js代码 /** * 页面的初始数据 */ data: { shuju:"" }, ...原创 2019-03-19 10:53:28 · 2042 阅读 · 0 评论 -
微信小程序api视频课程-数据缓存-wx.removeStorage 从本地缓存中移除指定 key的使用
wxml代码wx.removeStorage(Object object) 从本地缓存中移除指定 key <button bindtap="mydel01">删除制定key</button>js代码 /** * 页面的初始数据 */ data: { }, mydel01:function(){ wx.removeStora...原创 2019-03-19 17:17:26 · 931 阅读 · 0 评论 -
微信小程序api视频课程-数据缓存-wx.clearStorage 清理本地数据缓存的使用
wxml代码wx.clearStorage(Object object) 清理本地数据缓存 <button bindtap="mydel">删除所有本地数据缓存 </button>js代码 /** * 页面的初始数据 */ data: { }, mydel:function(){ wx.clearStorage() ...原创 2019-03-19 17:17:16 · 2219 阅读 · 0 评论 -
微信小程序api视频课程-用户 wx.login 获取登录凭证的使用
wxml代码<button bindtap="pz">获取用户凭证</button>js代码 /** * 页面的初始数据 */ data: { }, pz:function(){ wx.login({ success(res) { console.log(res.code) }...原创 2019-03-19 17:17:05 · 873 阅读 · 0 评论 -
微信小程序api视频课程-code2Session获取用户唯一的openid的使用
wxml代码code2Session获取用户唯一的openid<button bindtap="myopenid">获取用户唯一的openid</button>js代码 /** * 页面的初始数据 */ data: { }, myopenid:function(){ wx.login({ success(res)...原创 2019-03-19 17:16:51 · 2521 阅读 · 1 评论 -
微信小程序api视频课程-网络-wx.request 请求简单的字符串数据的使用
默认效果点击按钮后获取数据wxml代码<button bindtap="zfc">获取远程字符串数据</button>返回数据:{{jieguo}}js代码/** * 页面的初始数据 */ data: { jieguo:"" }, zfc:function(){ var that=this; wx.requ...原创 2019-03-19 10:26:08 · 949 阅读 · 0 评论 -
微信小程序api视频课程-界面-交互-wx.showActionSheet操作菜单的使用
效果图wxml代码wx.showActionSheet(Object object) 显示操作菜单<button bindtap="cd01">操作菜单01</button><button bindtap="cd02">操作菜单02</button>js代码 /** * 页面的初始数据 */ data: { ...原创 2019-04-09 17:04:10 · 1663 阅读 · 0 评论 -
微信小程序api视频课程-基础-系统信息-wx.getSystemInfo的使用
js代码/** * 生命周期函数--监听页面加载 */ onLoad: function (options) { wx.getSystemInfo({ success: function(res) { console.log("设备品牌:" +res.brand) console.log("设备型号:" + res.model)...原创 2019-04-09 17:12:18 · 861 阅读 · 0 评论 -
微信小程序api视频课程-定时器-setInterval的使用
js代码 fly: function (options) { console.log(options) }, /** * 生命周期函数--监听页面加载 */ onLoad: function (options) { var a = "黄菊华老师"; var timer = setInterval(this.fly, 1000, a) },...原创 2019-04-09 17:14:51 · 822 阅读 · 0 评论 -
微信小程序api视频课程-定时器-setInterval+clearInterval的使用
页面效果图wxml代码设置计时器(setInterval)、清除计时器(clearInterval)<button bindtap='mystart'>开始计数</button><button bindtap='myend'>结束计数</button>js代码 data: { //存储计数器 setInter:''...原创 2019-04-09 17:06:34 · 1178 阅读 · 0 评论 -
微信小程序api视频课程-定时器-setTimeout的使用
JS代码 /** * 生命周期函数--监听页面加载 */ onLoad: function (options) { setTimeout( function(){ wx.showToast({ title: '黄菊华老师', }) },2000 ) },说明该代码只执行一次...原创 2019-04-09 17:06:10 · 1356 阅读 · 0 评论 -
微信小程序api视频课程-路由-wx.switchTab(tab切换)的使用
wxml代码wx.switchTab(Object object)跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面<button bindtap="tz">跳转tab页面</button><navigator url='/pages/index/index2' open-type='switchTab'>跳转tab页面</nav...原创 2019-04-09 17:05:54 · 1103 阅读 · 0 评论 -
微信小程序api视频课程-路由-wx.navigateTo + wx.navigateBack的使用
wxml代码<view> wx.navigateTo(Object object) 保留当前页面,跳转到应用内的某个页面。但是不能跳到 tabbar 页面。</view><view> 使用 wx.navigateBack 可以返回到原页面。小程序中页面栈最多十层。</view><button bindtap='tz'>...原创 2019-04-09 17:05:17 · 685 阅读 · 0 评论 -
微信小程序api视频课程-路由-wx.redirectTo(页面重定向)的使用
wxml代码wx.redirectTo(Object object)关闭当前页面,跳转到应用内的某个页面。但是不允许跳转到 tabbar 页面。<button bindtap="tz">redirectTo跳转</button><navigator url='/pages/01jichu/navigateBack?a=参数1&b=abc123' o...原创 2019-04-09 17:15:00 · 1128 阅读 · 0 评论 -
微信小程序api视频课程-路由-wx.reLaunch(重启动)的使用
wxml代码关闭所有页面,打开到应用内的某个页面<button bindtap="tz01">reLaunch01</button><button bindtap="tz02">reLaunch02</button><navigator url="/pages/index/index2" open-type='reLaunch'&...原创 2019-04-09 17:04:50 · 1493 阅读 · 0 评论 -
微信小程序api视频课程-界面-交互-wx.showModal 模态对话框的使用
效果图wxml代码wx.showModal(Object object)显示模态对话框<button bindtap="mt01">模态对话框01</button><button bindtap="mt02">模态对话框02</button>js代码 /** * 页面的初始数据 */ data: { },...原创 2019-04-09 17:04:29 · 1233 阅读 · 0 评论 -
微信小程序api视频课程-界面-交互-wx.showLoading + wx.hideLoading 加载提示框的使用
效果图wxml代码<view>wx.showLoading(Object object)显示 loading 提示框。需主动调用 wx.hideLoading 才能关闭提示框</view><button bindtap="ts01">显示 Loading 加载框</button><view>wx.hideLoadin...原创 2019-04-09 17:04:19 · 2909 阅读 · 0 评论 -
微信小程序api视频课程-wx.getUserInfo获取用户信息的使用
wxml代码<button open-type="getUserInfo" bindtap="yonghu">获取用户信息1</button><button open-type="getUserInfo" bindgetuserinfo='yh'>获取用户信息2</button><view class='c01'><op...原创 2019-03-19 17:16:30 · 784 阅读 · 0 评论