微信小程序学习总结(五)常见问题实例小结
网络编程 2021-07-04 15:02www.168986.cn编程入门
这篇文章主要介绍了微信小程序常见问题,结合实例形式分析了微信小程序常见错误、数据缓存、界面交换等相关操作技巧,需要的朋友可以参考下
本文实例了微信小程序常见问题。分享给大家供大家参考,具体如下
问题一
先来看我遇到的第一个问题
以下是我创建的目录
当创建完这个json文件之后,报了狼蚁网站SEO优化一个错
这个是我的报错信息。
解决方法打开这个json文件,输入两个一对花括号完事。
问题二
以下是我引入js的代码,绝对路径报错。
var postsData = require('/data/post-data.js')
报错信息
Uncaught Error: module “pages/post/data/post-data.js” is not defined
改正后的
var postsData = require('../../data/post-data.js')
数据
如果在onLoad方法中,如果是异步执行一个数据绑定,则需要使用this.setData方法。如果不是异步是同步的话,那么只需要对this.data赋值可实现数据绑定
格式化代码
shift + alt + F
数据缓存
需要说明的这个是数据的本地缓存,可以对本地缓存进行设置、获取和清理。同一个微信用户,同一个小程序 storage 上限为 10MB。
设置缓存
wx.setStorageSync('key','value');
获取缓存
wx.getStorageSync('key')
清除缓存
//清除所有缓存 wx.clearStorageSync(); //清除指定缓存 wx.clearStorageSync('key');
界面交互
显示消息提示框
wx.showToast({ title: '成功', icon: 'suess', duration: 2000 //设置弹框时间 }) //也可以这么写 三元运算的方式 根据需要来 wx.showToast({ title:result?'确定收藏':'取消收藏', duration: 2000 })
显示loading
wx.showLoading({ title: '加载中', //显示加载 }) setTimeout(function () { wx.hideLoading() //取消加载 }, 2000)
询问框
wx.showModal({ title: 'hello', content: postCollected?'确认收藏吗':'确认取消收藏吗', suess: function (res) { if (res.confirm) { //更新缓存 wx.setStorageSync('post_collected', postsCollected); that.setData({ collected: postCollected }) } else if (res.cancel) { console.log('用户点击取消') } } })
打印的res
显示操作菜单
onShareTap:function(event){ wx.showActionSheet({ itemList: [ '分享给微信好友', '分享到朋友圈', '分享到QQ' ], itemColor:'#405f80', suess:function(res){ console.log(res) } }) }
显示效果
获取全局变量
app.js
app({ globalData: { g_name: "huangyuxin" } })
使用
detail.js
var app = getApp();
希望本文所述对大家微信小程序设计有所帮助。
上一篇:Paypal支付不完全指北
下一篇:vue样式穿透 ::v-deep的具体使用
编程语言
- 宿迁百度关键词排名指南:实现精准营销的关键
- 四川SEO优化怎么做网络推广
- 立昂技术备案老域名收购:如何为您的业务赋能
- 安徽百度关键词seo贵不贵,一般需要多少钱
- 吉林百度快照排名怎么做电话营销
- 多伦新手做SEO怎么做
- 甘肃优化关键词排名推广怎么做论坛营销
- 沙雅SEO网站推广:提升您的在线可见性
- 四川SEO优化如何提升销售额和销售量
- 聂荣网站排名优化:提升网站可见性的全方位指
- 涞水SEO:提升地方企业在线可见性的策略
- 辽宁百度seo排名怎样做网站排名
- 临湘哪有关键词排名优化:提升网站可见度的关
- 黑龙江百度网站优化有没有优惠
- 凉城优化关键词排名推广:提升您的网络可见性
- 萝北整站优化:提升您网站流量和排名的全面指