这是我参与11月更文挑战的第5天,活动详情查看:2021最后一次更文挑战
小程序中的本地存储和web本地存储的区别
- 写代码的方式不一样
//-------web-----
localStorage.setItem("key","value")
localStorage.getItem("key")
//-----小程序----
wx.setStorageSync("key","value")
wx.getStorageSync("key")
- 存的时候,有没有做类型转换 web:不管存入什么类型的数据,最终都会调用to.Sting()方法,将数据变成字符串,再存入进去 小程序:不存在类型转换这个操作,存什么类型的数据进去,获取的时候就是什么类型
小程序语法
消息提示:
- wx.showToast
关闭下拉刷新窗口
- wx.stopPullDownRefresh
显示loading提示框
wx.showLoading({
title: '加载中',
mask:true//是否显示透明遮照层
})
wx.hideLoading()
新页面全屏预览图片
wx.previewImage
获取收货地址
wx.chooseAddress 注意:用户第一次点击了确认提示框的确认按钮,那么通过此方法可以获取到地址,当用户点击了取消按钮,不能获取到地址,而且以后每次点击不再弹出提示框,不能让用户再次选择是否授权获取地址 获得收货地址正确步骤:(目前该方法已不需要获得权限了,authSetting["scope.address"]都为true,直接就可以获得地址,开发工具还会弹出授权提示框,真机不弹出了,所以此思路为其他需要授权的方法提供大概思路吧)
小程序选择图片API
wx.chooseImage
上传图片API
wx.uploadFile({ url:'',//图片要上传到哪里 filePath:'',//被上传到文件的路径 name:"",//上传文件的名称 formData:{},//顺带的文本信息 success:(res)=>{ } })
返回上一个页面
wx.navigateBack({ delta:1 })
- 定义一个状态scope,等于用户是否有获得收货地址的权限,通过wx.getSetting获得用户的权限(authSetting["scope.address"]为用户获取地址的权限)
- 假设用户点击的确定按钮,authSetting scope.adress为true,scope的值为true,可以直接调用方法获得收货地址
- 假设没有调用过收货地址的api,scope为undefined 可以直接调用api获得收货地址
- 假设用户点击的取消按钮,scope为false,则诱导用户自己打开授权设置页面(wx.openSetting),当用户重新给获取收货地址的权限的时候,再调用获取收货地址API
page 的配置项
- navigationBarTitleText 页面标题
- enablePullDownRefresh 是否开启下拉刷新
- backgroundTextStyle 下拉的样式