这篇文章主要介绍了微信小程序常见问题,结合实例形式总结分析了微信小程序常见错误、数据缓存、界面交换等相关操作,需要的朋友可以参考下

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

问题一

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

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

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

最新资讯
传台积电等代工厂考虑再次上调车用芯片价格最多15%

传台积电等代工厂考虑

据日(J)本(P)媒体周一晚间报道,受到全球范围内缺货潮影响,台积
腾讯投资的德国数字银行N26任命新CFO 或明年IPO

腾讯投资的德国数字银

据报道,由腾讯投资的德国数字银行N26今日宣布,任命简·
强化反垄断监管和备付金存管 强监管如何搅动支付市场

强化反垄断监管和备付

233家持牌第三方支付机构在一周内迎来了监管部门的两
苹果市值创新高 当前市值24112亿美元

苹果市值创新高 当前

1月25日晚间消息,苹果涨3%,当前市值24112亿美元,创新高
苹果因“电池门”在意大利遭集体诉讼 索赔7300万美元

苹果因“电池门”在意

据报道,意大利消费者协会“AltroConsumero”周一表示,已
瑞幸咖啡实施2021年股权激励 最多奖励2亿股普通股

瑞幸咖啡实施2021年股

瑞幸咖啡(Nasdaq:LK)今日在提交给美国证券交易委员会(SEC
最新文章
详解Vue的ref特性的使用

详解Vue的ref特性的使

这篇文章主要介绍了详解Vue的ref特性的使用,文中通过
vue学习笔记之slot插槽基本用法实例分析

vue学习笔记之slot插

这篇文章主要介绍了vue学习笔记之slot插槽基本用法,结
vue跳转方式(打开新页面)及传参操作示例

vue跳转方式(打开新页

这篇文章主要介绍了vue跳转方式(打开新页面)及传参操作,
vue学习笔记之过滤器的基本使用方法实例分析

vue学习笔记之过滤器

这篇文章主要介绍了vue学习笔记之过滤器的基本使用方
js获取本日、本周、本月的时间代码

js获取本日、本周、本

本篇文章给大家分享的内容是利用js如何获取本日、本周
node crawler如何添加promise支持

node crawler如何添加

这篇文章主要介绍了node crawler如何添加promise支持,