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

所属分类: 网络编程 / JavaScript 阅读数: 439
收藏 0 赞 0 分享

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

公用参数:

小程序的公共参数,例如网络请求地址、可配置项,可以写在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))
   })
  })
 }
})

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

更多精彩内容其他人还在看

react PropTypes校验传递的值操作示例

这篇文章主要介绍了react PropTypes校验传递的值操作,结合实例形式分析了react PropTypes针对传递的值进行校验操作相关实现技巧,需要的朋友可以参考下
收藏 0 赞 0 分享

在Webpack中用url-loader处理图片和字体的问题

这篇文章主要介绍了在Webpack中用url-loader处理图片和字体的问题及解决方法,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
收藏 0 赞 0 分享

React中Ref 的使用方法详解

这篇文章主要介绍了React中Ref 的使用方法,结合实例形式总结分析了react中ref基本功能、用法及操作注意事项,需要的朋友可以参考下
收藏 0 赞 0 分享

JS数组降维的实现Array.prototype.concat.apply([], arr)

这篇文章主要介绍了JS数组降维的实现Array.prototype.concat.apply([], arr),文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
收藏 0 赞 0 分享

js最全的数组的降维5种办法(小结)

这篇文章主要介绍了js最全的数组的降维5种办法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
收藏 0 赞 0 分享

React生命周期原理与用法踩坑笔记

这篇文章主要介绍了React生命周期原理与用法,结合实例形式总结分析了react生命周期原理、用法及相关注意事项,需要的朋友可以参考下
收藏 0 赞 0 分享

Vue 3.0 全家桶抢先体验

这篇文章主要介绍了Vue 3.0 全家桶抢先体验,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
收藏 0 赞 0 分享

JavaScript 链表定义与使用方法示例

这篇文章主要介绍了JavaScript 链表定义与使用方法,结合实例形式分析了JavaScript 链表的基本功能、定义与使用方法,需要的朋友可以参考下
收藏 0 赞 0 分享

JavaScript Date对象功能与用法学习记录

这篇文章主要介绍了JavaScript Date对象功能与用法,结合实例形式总结分析了JavaScript Date对象基本功能、用法及操作注意事项,需要的朋友可以参考下
收藏 0 赞 0 分享

Node.js设置定时任务之node-schedule模块的使用详解

node-schedule是 Node.js 的一个定时任务(crontab)模块。这篇文章主要介绍了Node.js设置定时任务之node-schedule模块的使用,需要的朋友可以参考下
收藏 0 赞 0 分享
查看更多