微信小程序学习总结（五）常见问题实例小结
(编辑：jimmy 日期: 2024/11/15 浏览：3 次 )
本文实例总结了微信小程序常见问题。分享给大家供大家参考，具体如下：
问题一
先来看我遇到的第一个问题
以下是我创建的目录
当创建完这个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.getStorageSync('key')
清除缓存
//清除所有缓存
wx.clearStorageSync();
//清除指定缓存
wx.clearStorageSync('key');
界面交互
显示消息提示框
wx.showToast({
title: '成功',
icon: 'success',
duration: 2000 //设置弹框时间
})
//也可以这么写 三元运算的方式 根据需要来
wx.showToast({
title:result"htmlcode">
wx.showLoading({
title: '加载中', //显示加载
})
setTimeout(function () {
wx.hideLoading() //取消加载
}, 2000)
询问框
wx.showModal({
title: 'hello',
content: postCollected"//img.jbzj.com/file_images/article/202006/202064115940361.jpg" alt="" />
打印的res
"htmlcode">
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();
希望本文所述对大家微信小程序设计有所帮助。
下一篇：vue样式穿透 ::v-deep的具体使用