本文实例总结了微信小程序常见问题。分享给大家供大家参考,具体如下:问题一问题一先来看我遇到的第一个问题
以下是我创建的目录当创建完这个json文件之后,报了下面一个错这个是我的报错信息。解决方法:打开这个json文件,输入两个一对花括号完事。问题二问题二以下是我引入js的代码,绝对路径报错。
var postsData = require('/data/post-data.js')


var postsData = require('/data/post-data.js')

报错信息:
Uncaught Error: module “pages/post/data/post-data.js” is not defined
Uncaught Error: module “pages/post/data/post-data.js” is not definedUncaught Error: module “pages/post/data/post-data.js” is not defined改正后的
var postsData = require('../../data/post-data.js')


var postsData = require('../../data/post-data.js')

数据数据如果在onLoad方法中,如果是异步执行一个数据绑定,则需要使用this.setData方法。如果不是异步是同步的话,那么只需要对this.data赋值可实现数据绑定格式化代码格式化代码shift + alt + F数据缓存
数据缓存需要说明的这个是数据的本地缓存,可以对本地缓存进行设置、获取和清理。同一个微信用户,同一个小程序 storage 上限为 10MB。设置缓存设置缓存
wx.setStorageSync('key','value');


wx.setStorageSync('key','value');

获取缓存获取缓存
wx.getStorageSync('key')


wx.getStorageSync('key')

清除缓存清除缓存
//清除所有缓存
wx.clearStorageSync();
//清除指定缓存
wx.clearStorageSync('key');


//清除所有缓存
wx.clearStorageSync();
//清除指定缓存
wx.clearStorageSync('key');

界面交互界面交互显示消息提示框
wx.showToast({
title: '成功',
icon: 'success',
duration: 2000 //设置弹框时间
})
//也可以这么写
三元运算的方式 根据需要来
wx.showToast({
title:result?'确定收藏':'取消收藏',
duration: 2000
})


wx.showToast({
title: '成功',
icon: 'success',
duration: 2000 //设置弹框时间
})
//也可以这么写
三元运算的方式 根据需要来
wx.showToast({
title:result?'确定收藏':'取消收藏',
duration: 2000
})

显示loading显示loading

wx.showLoading({

title: '加载中',
//显示加载

})


setTimeout(function () {

wx.hideLoading()
//取消加载

}, 2000)



wx.showLoading({

title: '加载中',
//显示加载

})


setTimeout(function () {

wx.hideLoading()
//取消加载

}, 2000)

询问框询问框

wx.showModal({

title: 'hello',

content: postCollected?'确认收藏吗':'确认取消收藏吗',

success: function (res) {

if (res.confirm) {

//更新缓存

wx.setStorageSync('post_collected', postsCollected);

that.setData({

collected: postCollected

})

} else if (res.cancel) {

console.log('用户点击取消')

}

}

})



wx.showModal({

title: 'hello',

content: postCollected?'确认收藏吗':'确认取消收藏吗',

success: 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',

success:function(res){

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"
}
})


app({

globalData: {

g_name: "huangyuxin"
}
})

使用detail.js
var app = getApp();


var app = getApp();

希望本文所述对大家微信小程序设计有所帮助。