⼩程序学习总结(五)常见问题实例⼩结
本⽂实例总结了⼩程序常见问题。分享给⼤家供⼤家参考,具体如下:
问题⼀
先来看我遇到的第⼀个问题
以下是我创建的⽬录
当创建完这个json⽂件之后,报了下⾯⼀个错
这个是我的报错信息。
解决⽅法:打开这个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.clearStorageSync();
//清除指定缓存
wx.clearStorageSync('key');
界⾯交互
显⽰消息提⽰框
wx.showToast({
title: '成功',
icon: 'success',
duration: 2000 //设置弹框时间
})
//也可以这么写三元运算的⽅式根据需要来
wx.showToast({
title:result?'确定收藏':'取消收藏',
duration: 2000
})
显⽰loading
wx.showLoading({
title: '加载中', //显⽰加载
})
setTimeout(function () {
wx.hideLoading() //取消加载
}, 2000)
询问框
wx.showModal({
title: 'hello',
content: postCollected?'确认收藏吗':'确认取消收藏吗', success: function (res) {
if (firm) {
/
/更新缓存
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',
success:function(res){
console.log(res)
}
})
}
显⽰效果
获取全局变量
app.js
app({
globalData: {
g_name: "huangyuxin"
}
})
使⽤
detail.js
var app = getApp();
希望本⽂所述对⼤家⼩程序设计有所帮助。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论