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


Posted in Javascript onJune 04, 2020

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

问题一

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

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

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

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

Javascript 相关文章推荐
firefox 和 ie 事件处理的细节,研究,再研究 书写同时兼容ie和ff的事件处理代码
Apr 12 Javascript
Javascript异步编程的4种方法让你写出更出色的程序
Jan 17 Javascript
jQuery弹出框代码封装DialogHelper
Jan 30 Javascript
使用纯javascript实现放大镜效果
Mar 18 Javascript
莱鸟介绍javascript onclick事件
Jan 06 Javascript
javascript实现dom元素可拖动
Mar 21 Javascript
Mui使用jquery并且使用点击跳转新窗口的实例
Aug 19 jQuery
MUI 实现侧滑菜单及其主体部分上下滑动的方法
Jan 25 Javascript
vue项目中公用footer组件底部位置的适配问题
May 10 Javascript
React组件内事件传参实现tab切换的示例代码
Jul 04 Javascript
Vue 实现输入框新增搜索历史记录功能
Oct 15 Javascript
Vue实现简易购物车页面
Dec 30 Vue.js
vue样式穿透 ::v-deep的具体使用
Jun 04 #Javascript
微信小程序学习总结(四)事件与冒泡实例分析
Jun 04 #Javascript
微信小程序学习总结(三)条件、模板、文件引用实例分析
Jun 04 #Javascript
微信小程序实现watch监听
Jun 04 #Javascript
微信小程序学习总结(二)样式、属性、模板操作分析
Jun 04 #Javascript
实现一个Vue自定义指令懒加载的方法示例
Jun 04 #Javascript
vue基础知识--axios合并请求和slot
Jun 04 #Javascript
You might like
德生S2000南麂列岛台湾FM收听记录
2021/03/02 无线电
php检查日期函数checkdate用法实例
2015/03/19 PHP
详解WordPress中简码格式标签编写的基本方法
2015/12/22 PHP
php中file_get_contents()函数用法实例
2019/02/21 PHP
php设计模式之备忘模式分析【星际争霸游戏案例】
2020/03/24 PHP
javascript 当前日期加(天、周、月、年)
2009/08/09 Javascript
Jquery Ajax的Get方式时需要注意URL地方
2011/04/07 Javascript
nodejs的require模块(文件模块/核心模块)及路径介绍
2013/01/14 NodeJs
ExtJS4 表格的嵌套 rowExpander应用
2014/05/02 Javascript
js中取得变量绝对值的方法
2015/01/03 Javascript
详解JavaScript逻辑And运算符
2015/12/04 Javascript
JavaScript中匿名函数的用法及优缺点详解
2016/06/01 Javascript
为jQuery-easyui的tab组件添加右键菜单功能的简单实例
2016/10/10 Javascript
js获取当前时间(昨天、今天、明天)
2016/11/23 Javascript
JS定时检测任务任务完成后执行下一步的解决办法
2016/12/22 Javascript
vue上传图片组件编写代码
2017/07/26 Javascript
Angular2.0实现modal对话框的方法示例
2018/02/18 Javascript
vue实现动态列表点击各行换色的方法
2018/09/13 Javascript
微信小程序picker组件关于objectArray数据类型的绑定方法
2019/03/13 Javascript
微信小程序事件对象中e.target和e.currentTarget的区别详解
2019/05/08 Javascript
OpenLayers3实现鼠标移动显示坐标
2020/09/25 Javascript
详解python string类型 bytes类型 bytearray类型
2017/12/16 Python
Python爬虫常用小技巧之设置代理IP
2018/09/13 Python
python实现视频读取和转化图片
2019/12/10 Python
tensorflow 报错unitialized value的解决方法
2020/02/06 Python
浅谈Python3多线程之间的执行顺序问题
2020/05/02 Python
Debenhams百货英国官方网站:Debenhams UK
2016/07/12 全球购物
动物学专业毕业生求职信
2013/10/11 职场文书
《我要的是葫芦》教学反思
2014/02/23 职场文书
预备党员2014全国两会学习心得体会
2014/03/10 职场文书
英语教师岗位职责
2014/03/16 职场文书
就业协议书样本
2014/08/20 职场文书
新郎结婚感言
2015/07/31 职场文书
情况说明书格式及范文
2019/06/24 职场文书
Python实现拼音转换
2021/06/07 Python
Redis源码阅读:Redis字符串SDS详解
2021/07/15 Redis