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


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 相关文章推荐
Js callBack 返回前一页的js方法
Nov 30 Javascript
javascript 节点排序 2
Jan 31 Javascript
jquery获取元素值的方法(常见的表单元素)
Nov 15 Javascript
js获取下拉列表框中的value和text的值示例代码
Jan 11 Javascript
jQuery分组选择器用法实例
Dec 23 Javascript
javascript 闭包详解
Feb 15 Javascript
JavaScript数据结构之二叉树的查找算法示例
Apr 13 Javascript
jquery 通过ajax请求获取后台数据显示在表格上的方法
Aug 08 jQuery
Node.js中package.json中库的版本号(~和^)
Apr 02 Javascript
vue 兄弟组件的信息传递的方法实例详解
Aug 30 Javascript
vue实现表格过滤功能
Sep 27 Javascript
小程序实现文字循环滚动动画
Jun 14 Javascript
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
php命名空间学习详解
2014/02/27 PHP
PHP开源开发框架ZendFramework使用中常见问题说明及解决方案
2014/06/12 PHP
php数组转成json格式的方法
2015/03/09 PHP
详解PHP用substr函数截取字符串中的某部分
2016/12/03 PHP
PHP批量删除jQuery操作
2017/07/23 PHP
phpstudy的php版本自由修改的方法
2017/10/18 PHP
javascript字符串与数组转换汇总
2015/05/26 Javascript
在JavaScript中处理数组之reverse()方法的使用
2015/06/09 Javascript
使用CDN和AJAX加速WordPress中jQuery的加载
2015/12/05 Javascript
原生javascript实现的一个简单动画效果
2016/03/30 Javascript
Bootstrap组件(一)之菜单
2016/05/11 Javascript
详解Vue中过度动画效果应用
2017/05/25 Javascript
Vue 2中ref属性的使用方法及注意事项
2017/06/12 Javascript
Vue-router路由判断页面未登录跳转到登录页面的实例
2017/10/26 Javascript
Mac下安装vue
2018/04/11 Javascript
mpvue构建小程序的方法(步骤+地址)
2018/05/22 Javascript
详解swipe使用及竖屏页面滚动方法
2018/06/28 Javascript
JS实现动态无缝轮播
2020/01/11 Javascript
javascript canvas检测小球碰撞
2020/04/17 Javascript
es6函数之尾递归用法实例分析
2020/04/25 Javascript
[59:48]LGD vs IG 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
解决pip install的时候报错timed out的问题
2018/06/12 Python
Python生成器generator用法示例
2018/08/10 Python
Python多线程原理与用法详解
2018/08/20 Python
python的mysql数据库建立表与插入数据操作示例
2019/09/30 Python
PyQt5中多线程模块QThread使用方法的实现
2020/01/31 Python
浅析Python 中的 WSGI 接口和 WSGI 服务的运行
2020/12/09 Python
美国最大的城市服装和运动鞋零售商:Jimmy Jazz
2016/11/19 全球购物
Clarks鞋美国官网:全球领军鞋履品牌
2017/05/13 全球购物
size?荷兰官方网站:英国高级运动鞋精品店
2020/07/24 全球购物
写一个方法,输入一个文件名和一个字符串,统计这个字符串在这个文件中出现的次数
2016/04/13 面试题
电子商务应届生求职信
2013/11/16 职场文书
2015年敬老院工作总结
2015/05/18 职场文书
2016年校园重阳节广播稿
2015/12/18 职场文书
OpenCV图像变换之傅里叶变换的一些应用
2021/07/26 Python
Python万能模板案例之matplotlib绘制甘特图
2022/04/13 Python