微信小程序学习总结（五）常见问题实例小结

站长资源 2024/12/26 佚名

27 1538 27

DDR爱好者之家 Design By 杰米

本文实例总结了微信小程序常见问题。分享给大家供大家参考，具体如下：

问题一

先来看我遇到的第一个问题
以下是我创建的目录

当创建完这个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();




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

微信小程序,常见问题

DDR爱好者之家 Design By 杰米

广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！

DDR爱好者之家 Design By 杰米

评论“微信小程序学习总结（五）常见问题实例小结”

暂无评论...

P70系列延期，华为新旗舰将在下月发布

3月20日消息，近期博主@数码闲聊站透露，原定三月份发布的华为新旗舰P70系列延期发布，预计4月份上市。

而博主@定焦数码爆料，华为的P70系列在定位上已经超过了Mate60，成为了重要的旗舰系列之一。它肩负着重返影像领域顶尖的使命。那么这次P70会带来哪些令人惊艳的创新呢？
根据目前爆料的消息来看，华为P70系列将推出三个版本，其中P70和P70 Pro采用了三角形的摄像头模组设计，而P70 Art则采用了与上一代P60 Art相似的不规则形状设计。这样的外观是否好看见仁见智，但辨识度绝对拉满。

更新日志

2024年12月26日

微信小程序学习总结（五）常见问题实例小结

Paypal支付不完全指北

vue样式穿透 ::v-deep的具体使用

评论“微信小程序学习总结（五）常见问题实例小结”

P70系列延期，华为新旗舰将在下月发布

更新日志

友情链接