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


Posted in Javascript onJanuary 09, 2019

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

公用参数:

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

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

Javascript 相关文章推荐
把JS与CSS写在同一个文件里的书写方法
Jun 02 Javascript
JS 非图片动态loading效果实现代码
Apr 09 Javascript
JSDoc 介绍使用规范JsDoc的使用介绍
Feb 12 Javascript
浅谈jQuery中height与width
Jul 06 Javascript
谈谈我对JavaScript原型和闭包系列理解(随手笔记9)
Dec 24 Javascript
Bootstrap如何创建表单
Oct 21 Javascript
原生js实现类似fullpage的单页/全屏滚动
Jan 22 Javascript
EasyUI的DataGrid绑定Json数据源的示例代码
Dec 16 Javascript
JavaScript面向对象继承原理与实现方法分析
Aug 09 Javascript
Vue SPA 初次进入加载动画实现代码
Nov 14 Javascript
node实现mock-plugin中间件的方法
Dec 25 Javascript
关于better-scroll插件的无法滑动bug(2021通过插件解决)
Mar 01 Javascript
微信小程序实现的日期午别医生排班表功能示例
Jan 09 #Javascript
Windows下Node爬虫神器Puppeteer安装记
Jan 09 #Javascript
jQuery简单实现根据日期计算星期几的方法
Jan 09 #jQuery
jQuery实现根据身份证号获取生日、年龄、性别等信息的方法
Jan 09 #jQuery
爬虫利器Puppeteer实战
Jan 09 #Javascript
puppeteer库入门初探
Jan 09 #Javascript
node.js的Express服务器基本使用教程
Jan 09 #Javascript
You might like
PHP与javascript实现变量交互的示例代码
2013/07/23 PHP
javascript 动态table添加colspan\rowspan 参数的方法
2009/07/25 Javascript
用XMLDOM和ADODB.Stream实现base64编码解码实现代码
2010/11/28 Javascript
javascript获取当前鼠标坐标的方法
2015/01/10 Javascript
jQuery遮罩层效果实例分析
2016/01/14 Javascript
JS实现旋转木马式图片轮播效果
2017/01/18 Javascript
Javascript中绑定click事件的四种方式介绍
2018/10/26 Javascript
JavaScript变量Dom对象的所有属性
2020/04/30 Javascript
微信小程序清空输入框信息与实现屏幕往上滚动的示例代码
2020/06/23 Javascript
Vue element-ui父组件控制子组件的表单校验操作
2020/07/17 Javascript
JavaScript中while循环的基础使用教程
2020/08/11 Javascript
微信小程序中target和currentTarget的区别小结
2020/11/06 Javascript
Python CSV模块使用实例
2015/04/09 Python
Python的字典和列表的使用中一些需要注意的地方
2015/04/24 Python
对于Python装饰器使用的一些建议
2015/06/03 Python
详解Python中的文件操作
2016/08/28 Python
Python内建函数之raw_input()与input()代码解析
2017/10/26 Python
Anaconda 离线安装 python 包的操作方法
2018/06/11 Python
python3解析库BeautifulSoup4的安装配置与基本用法
2018/06/26 Python
win7下 python3.6 安装opencv 和 opencv-contrib-python解决 cv2.xfeatures2d.SIFT_create() 的问题
2019/10/24 Python
python实现暗通道去雾算法的示例
2020/09/27 Python
HTML5 中新的全局属性(整理)
2013/07/31 HTML / CSS
德国网上药房:Apotal
2017/04/04 全球购物
中国高端家电购物商城:顺电
2018/03/04 全球购物
爱奇艺VIP会员:大剧抢先看
2018/07/11 全球购物
SKECHERS斯凯奇中国官网:来自美国的运动休闲品牌
2018/11/14 全球购物
售后服务科岗位职责范文
2013/11/13 职场文书
纠风工作实施方案
2014/03/15 职场文书
法学专业毕业生求职信
2014/06/12 职场文书
电子商务专业毕业生自荐书
2014/06/22 职场文书
学术会议邀请函
2015/01/30 职场文书
关于学习的决心书
2015/02/05 职场文书
校运会加油稿大全
2015/07/22 职场文书
高二语文教学反思
2016/02/16 职场文书
《夸父追日》教学反思
2016/02/20 职场文书
Python图像处理库PIL详细使用说明
2022/04/06 Python