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

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

问题一

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

当创建完这个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?'确定收藏':'取消收藏',
 duration: 2000 
})

显示loading

    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('用户点击取消')
      }
     }
    })

打印的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();

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