微信小程序公用参数与公用方法用法示例

 更新时间:2019年01月09日 14:56:09   作者:BubuxingBala  
这篇文章主要介绍了微信小程序公用参数与公用方法用法,结合实例形式分析了微信小程序中公用参数与公用方法的简单定义与使用相关操作技巧,需要的朋友可以参考下

本文实例讲述了微信小程序公用参数与公用方法用法。分享给大家供大家参考,具体如下:

公用参数:

小程序的公共参数,例如网络请求地址、可配置项,可以写在app.js文件的globalData参数里。

globalData: {
 userInfo: null,
 url: "",
 secret_key: "",
 url_param: {
  v: "1.1",
  format: "json",
  sign_method: "md5",
  partner_id: "",
  app_key: ""
 }
}

在外部文件中取值语句为:getApp().globalData.url_param.v

公用方法:

小程序可以自定义公用方法模块,例如网络请求方法、错误提示等。以错误提示为例,在自定义的basicUrl.js文件里写:

function errorWarn(error){
 wx.showToast({
 image: '/image/errorIcon.png',
 duration: 2000,
 title: error,
 mask: true
 })
}
module.exports.errorWarn = errorWarn

在其它页面调用此方法时写:

var urlRequest = require('/../../basicUrl/basicUrl.js');
urlRequest.errorWarn("系统繁忙,稍后再试");

补充:借助util.js的实现思路

例如将部分的js逻辑放到utils中,在在logs.js中调用utils.js中的方法

实现代码:

utils.js:

function formatTime(date) {
 var year = date.getFullYear()
 var month = date.getMonth() + 1
 var day = date.getDate()
 var hour = date.getHours()
 var minute = date.getMinutes()
 var second = date.getSeconds()
 return [year, month, day].map(formatNumber).join('/') + ' ' + [hour, minute, second].map(formatNumber).join(':')
}
function formatNumber(n) {
 n = n.toString()
 return n[1] ? n : '0' + n
}
module.exports = {
 formatTime: formatTime
}

logs.js:

//logs.js
var util = require('../../utils/util.js')
Page({
 data: {
  logs: []
 },
 onLoad: function () {
  this.setData({
   logs: (wx.getStorageSync('logs') || []).map(function (log) {
    return util.formatTime(new Date(log))
   })
  })
 }
})

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

相关文章

  • 微信小程序地理定位功能实现

    微信小程序地理定位功能实现

    小程序地理定位是指通过小程序开发平台提供的 API,来获取用户的地理位置信息,用户在使用小程序时,可以授权小程序获取自己的地理位置信息,下面通过本文给大家分享微信小程序地理定位功能实现,感兴趣的朋友一起看看吧
    2024-05-05
  • JavaScript设计模式之外观模式介绍

    JavaScript设计模式之外观模式介绍

    这篇文章主要介绍了JavaScript设计模式之外观模式介绍,外观模式是用于由于子系统或程序组成较复杂而提供的一个高层界面接口,使用客户端更容易访问底层的程序或系统接口,需要的朋友可以参考下
    2014-12-12
  • JavaScript Archive Network 集合

    JavaScript Archive Network 集合

    JavaScript Archive Network 集合...
    2007-05-05
  • 使用layui实现树形结构的方法

    使用layui实现树形结构的方法

    今天小编就为大家分享一篇使用layui实现树形结构的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-09-09
  • JS实现页面数据无限加载

    JS实现页面数据无限加载

    这篇文章主要为大家详细介绍了JS实现页面数据无限加载,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-09-09
  • javascript function(函数类型)使用与注意事项小结

    javascript function(函数类型)使用与注意事项小结

    这篇文章主要介绍了javascript function(函数类型)使用与注意事项,结合实例形式较为详细的分析了Function(函数)类型的基本声明、属性、方法相关操作技巧与使用注意事项,需要的朋友可以参考下
    2019-06-06
  • 使用JSON格式提交数据到服务端的实例代码

    使用JSON格式提交数据到服务端的实例代码

    这篇文章主要介绍了使用JSON格式提交数据到服务端的实例代码,代码简单易懂,非常不错,具有参考借鉴价值,需要的朋友参考下
    2018-04-04
  • 原生js实现jquery函数animate()动画效果的简单实例

    原生js实现jquery函数animate()动画效果的简单实例

    下面小编就为大家带来一篇原生js实现jquery函数animate()动画效果的简单实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-08-08
  • 使用JavaScript实现实时搜索建议功能

    使用JavaScript实现实时搜索建议功能

    在我们的技术旅程中,JavaScript 无疑是一个不可或缺的伙伴,这篇文章主要为大家详细介绍了如何使用 JavaScript 来实现一个复杂功能,即实时搜索建议,感兴趣的可以了解下
    2024-02-02
  • 测量JavaScript函数的性能各种方式对比

    测量JavaScript函数的性能各种方式对比

    这篇文章主要介绍了测量JavaScript函数的性能各种方式对比,对性能感兴趣的同学,可以多实验一下
    2021-04-04

最新评论