
微信小程序
初心-LIUSHOP
明天的你一定会感谢今天努力的你
展开
-
微信小程序动态设置data的key值(setData的key为动态)
初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群):757345416在实际开发中,好多时候后台返回的字段值就是data中的key值,那我们动态设置更方便了。比如后台返回如下数据:testData:[ {id:'1',title:'test1',content:'内容1'}, {id:'2',title:'test2',content:'内容2'} ...原创 2018-12-05 11:27:09 · 5641 阅读 · 3 评论 -
微信小程序数据缓存Storage API(wx.clearStorage、wx.clearStorageSync、wx.getStorage、wx.getStorageInfo...)
初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群):757345416api备注wx.clearStorage清理本地数据缓存wx.clearStorageSyncwx.clearStorage 的同步版本wx.getStorage从本地缓存中异步获取指定 key 的内容wx.getStorageInfo异步获取当前storage的...原创 2018-12-18 17:29:41 · 15736 阅读 · 0 评论 -
微信小程序跳转微信小程序-wx.navigateToMiniProgram
初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群): 757345416丨(IT-程序猿-技术交流2群): 936929828描述:在本小程序中打开另一个小程序代码:wx.navigateToMiniProgram({ appId: '', path: 'page/index/index?id=123', extraData: { foo: 'bar'...原创 2018-12-25 15:07:03 · 5704 阅读 · 0 评论 -
微信小程序开发者工具模拟器调试界面看不到鼠标光标
初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群): 757345416丨(IT-程序猿-技术交流2群): 936929828在新电脑上开发小程序,打开模拟器,看不到鼠标光标,经过查阅资料,总结如下:1、打开“控制面板”,搜索鼠标2、打开之后切换到“指针选项”,然后设置“可见性”再次打开开发者工具即可看到光标,文章到此结束,喜欢记得点赞噢~...原创 2019-02-25 16:47:37 · 6126 阅读 · 2 评论 -
微信小程序正则验证手机号、邮箱及错误提示
初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群): 757345416丨(IT-程序猿-技术交流2群): 936929828直接贴代码了:telBlur: function (e) { const { tel } = this.data; const telReg = /^(((13[0-9]{1})|(15[0-9]{1})|(18[0-9]{1})|(1...原创 2019-02-26 17:19:47 · 2974 阅读 · 0 评论 -
微信小程序在模板语法中使用indexOf失效问题解决办法& wxml 中引入wxs的使用方法
初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群): 757345416丨(IT-程序猿-技术交流2群): 936929828失效问题:小程序的mastache语法不支持js的方法。即在页面标签中,使用以下js方法无效:Object.keys() toString() indexOf() 解决办法-wxs:WXS(WeiXin Script)是小程序的一套...原创 2019-08-02 15:00:39 · 5026 阅读 · 0 评论 -
微信小程序区分ios&安卓Android&手机设备信息
初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群): 757345416丨(IT-程序猿-技术交流2群): 936929828官方文档:https://developers.weixin.qq.com/miniprogram/dev/api/base/system/system-info/wx.getSystemInfo.html...原创 2019-08-09 15:11:24 · 2755 阅读 · 0 评论 -
微信小程序分享(发送)图片给好友、长按保存图片
初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群): 757345416丨(IT-程序猿-技术交流2群): 936929828直接贴代码了:wx.previewImage({ urls: ['图片url']})官方文档:https://developers.weixin.qq.com/miniprogram/dev/api/media/image/wx.prev...原创 2019-08-15 15:23:35 · 10698 阅读 · 0 评论 -
微信小程序上传图片报错 uploadFile:fail url not in domain list
初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群): 757345416丨(IT-程序猿-技术交流2群): 936929828图片上传,在开发者工具中是可以的,在真机上无反应,在上传图片的失败回调里输出错误信息为“uploadFile:fail url not in domain list”原因为开发者工具中不校验合法域名,真机上是需要的,上传图片的接口、存放图片服务器,都需...原创 2019-08-13 09:46:47 · 5665 阅读 · 0 评论 -
微信小程序判断是否开启定位功能&引导重新打开定位权限
初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群): 757345416丨(IT-程序猿-技术交流2群): 936929828需求描述用户使用小程序时拒绝了定位权限,但是在必须需要定位时,想要重新打开时操作不易,所以要引导去设置里重新打开。解决方案当第一次关闭授权定位后,wx.chooseLocation就会一直调用fail方法,所以当点击打开位置功能时,先判断当前是否关...原创 2019-09-04 14:13:47 · 20097 阅读 · 2 评论 -
微信小程序中设置localstorage--wx.setStorage
初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群):757345416将数据存储在本地缓存中指定的 key 中。会覆盖掉原来该 key 对应的内容。数据存储生命周期跟小程序本身一致,即除用户主动删除或超过一定时间被自动清理,否则数据都一直可用。单个 key 允许存储的最大数据长度为 1MB,所有数据存储上限为 10MB。代码示例:wx.setStorage({ key:...原创 2018-12-18 17:18:00 · 18738 阅读 · 0 评论 -
微信小程序定义和使用全局变量globalData
初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群):757345416步骤:1、在app.js里面定义globalData对应的全局变量App({ globalData:{ link: 'www.chao99.top', }2、调用和修改globalData// 要注意的是需要在文件开始的时候初始化 app这个对象//获取应用实例const app...原创 2018-12-24 10:58:28 · 4384 阅读 · 0 评论 -
微信小程序轮播图(焦点图)-swiper &横向轮播、纵向轮播
初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群):757345416直接贴代码了<swiper indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}"> <block wx:fo...原创 2018-12-24 10:39:51 · 3532 阅读 · 0 评论 -
微信小程序setData详解&修改data数据&修改多层data数据
初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群):757345416setData 函数用于将数据从逻辑层发送到视图层(异步),同时改变对应的 this.data 的值(同步)。参数说明字段类型必填描述版本dataObject是这次要改变的数据callbackFunction否setData引起的界面更新渲染完毕后的回调函数...原创 2018-12-05 14:12:06 · 9825 阅读 · 0 评论 -
微信小程序自定义属性&data-
初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群):757345416直接贴代码了<view id="tapTest" data-hi="WeChat" bindtap="tapName"> Click me! </view>Page({ tapName: function(e) { console.log(e) }})/* ...原创 2018-12-05 14:23:53 · 1860 阅读 · 0 评论 -
微信小程序修改导航栏背景颜色-navigationBarBackgroundColor
初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群):757345416在app.json中配置:"window":{ "navigationBarBackgroundColor": "#ffffff", }注:如果只是某页面需要修改导航栏背景颜色,则在当前页面所在的json文件中配置即可...原创 2018-12-05 16:46:40 · 20118 阅读 · 0 评论 -
微信小程序获取form表单数据
初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群):757345416form概述表单,将组件内的用户输入的 提交。当点击 表单中 form-type 为 submit 的 组件时,会将表单组件中的 value 值进行提交,需要在表单组件中加上 name 来作为 key。直接贴代码了:<form bindsubmit="formSubmit" bin...原创 2018-12-12 15:38:43 · 9432 阅读 · 2 评论 -
微信小程序input绑定键盘事件(随时获取input表单值更新到data中)
初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群):757345416直接贴代码了:<view class="section"> <view >你输入的是:{{inputValue}}</view> <input bindinput="bindKeyInput" placeholder="输入同步到view中" /&原创 2018-12-12 15:51:06 · 4438 阅读 · 0 评论 -
微信小程序页面跳转&wx.navigateTo
初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群):757345416直接贴代码了:wx.navigateTo({ url: 'blog.chao99.top/api?id=1&link=www.chao99.top'})在所跳转到的页面可接收传递过来的参数://test.jsPage({ onLoad: function(option){ ...原创 2018-12-05 16:53:26 · 741 阅读 · 0 评论 -
微信小程序显示模态对话框(弹窗带确定、取消) - wx.showModal
初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群):757345416直接贴代码了:wx.showModal({ title: '提示', content: '这是一个模态弹窗', success (res) { if (res.confirm) { console.log('用户点击确定') } else if (res.cancel...原创 2018-12-10 12:44:20 · 14225 阅读 · 1 评论 -
微信小程序轮播图、焦点图-swiper
初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群):757345416直接贴代码了:<swiper indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}"> <block wx:f...原创 2018-12-17 15:56:57 · 1541 阅读 · 0 评论 -
微信小程序设置导航栏标题颜色
初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群):757345416{ "window":{ "navigationBarBackgroundColor": "#FFFFFF", "navigationBarTextStyle": "black", "navigationBarTitleText": "chao99Demo&quo原创 2018-12-22 15:58:04 · 15851 阅读 · 0 评论 -
微信小程序下拉刷新&设置loading颜色&loading背景色
初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群): 757345416丨(IT-程序猿-技术交流2群): 936929828下拉刷新在开发中是必不可少的,下面我们一起来研究下:1、设置对应刷新页面json"enablePullDownRefresh": true,2、js// 监控下拉刷新onPullDownRefresh () { console.lo...原创 2019-09-10 14:42:27 · 15622 阅读 · 3 评论