首页 >> js开发 >> js微信小程序学习总结(五)常见问题实例小结js大全
js微信小程序学习总结(五)常见问题实例小结js大全
发布时间: 2021年1月13日 | 浏览:
| 分类:js开发
本文实例总结了微信小程序常见问题。分享给大家供大家参考,具体如下:问题一问题一先来看我遇到的第一个问题
以下是我创建的目录当创建完这个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();
希望本文所述对大家微信小程序设计有所帮助。
以下是我创建的目录当创建完这个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();
希望本文所述对大家微信小程序设计有所帮助。
相关文章:
- js解决vue的router组件component在import时不能使用变量问题js大全
- jsjquery实现简单拖拽效果js大全
- js解决Vue使用bus总线时,第一次路由跳转时数据没成功传递问题js大全
- js解决vue中的无限循环问题js大全
- jsvue 监听窗口变化对页面部分元素重新渲染操作js大全
- jsvue键盘事件点击事件加native操作js大全
- jsvue+element-ui JYAdmin后台管理系统模板解析js大全
- jsJS的时间格式化和时间戳转换函数示例详解js大全
- jsJS实现audio音频剪裁剪切复制播放与上传(步骤详解)js大全
- js代码处理JavaScript值为undefined的7个小技巧