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


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 相关文章推荐
一些有用的JavaScript和jQuery的片段分享
Aug 23 Javascript
javascript的解析执行顺序在各个浏览器中的不同
Mar 17 Javascript
JQuery中基础过滤选择器用法实例分析
May 18 Javascript
Javascript显示和隐藏ul列表的方法
Jul 15 Javascript
jQuery树控件zTree使用方法详解(一)
Feb 28 Javascript
javascript遍历json对象的key和任意js对象属性实例
Mar 09 Javascript
Angular.js 4.x中表单Template-Driven Forms详解
Apr 25 Javascript
jQuery简单判断值是否存在于数组中的方法示例
Apr 17 jQuery
npm scripts 使用指南详解
Oct 08 Javascript
vue-cli3.0如何使用CDN区分开发、生产、预发布环境
Nov 22 Javascript
微信小程序实现点击空白隐藏的方法示例
Aug 13 Javascript
继承行为在 ES5 与 ES6 中的区别详解
Dec 24 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脚本
2006/11/26 PHP
phpExcel导出大量数据出现内存溢出错误的解决方法
2013/02/28 PHP
php使用for语句输出三角形的方法
2015/06/09 PHP
javascript 另一种图片滚动切换效果思路
2012/04/20 Javascript
js二级地域选择的实现方法
2013/06/17 Javascript
函数式 JavaScript(一)简介
2014/07/07 Javascript
JavaScript中判断整字类型最简洁的实现方法
2014/11/08 Javascript
使用JavaScript获取地址栏参数的方法
2014/12/19 Javascript
javascript实现网页背景烟花效果的方法
2015/08/06 Javascript
使用jQuery+EasyUI实现CheckBoxTree的级联选中特效
2015/12/06 Javascript
基于vue2实现左滑删除功能
2017/11/28 Javascript
前端防止用户重复提交js实现代码示例
2018/09/07 Javascript
element-ui 时间选择器限制范围的实现(随动)
2019/01/09 Javascript
详解JavaScript 为什么要有 Symbol 类型?
2019/04/03 Javascript
node.js监听文件变化的实现方法
2019/04/17 Javascript
JavaScript实现省份城市的三级联动
2020/02/11 Javascript
js实现文章目录索引导航(table of content)
2020/05/10 Javascript
JS使用Chrome浏览器实现调试线上代码
2020/07/23 Javascript
Python里disconnect UDP套接字的方法
2015/04/23 Python
python获取目录下所有文件的方法
2015/06/01 Python
python3爬取各类天气信息
2018/02/24 Python
Django处理文件上传File Uploads的实例
2018/05/28 Python
Python单元测试unittest的具体使用示例
2018/12/17 Python
python utc datetime转换为时间戳的方法
2019/01/15 Python
pandas去除重复列的实现方法
2019/01/29 Python
python安装virtualenv虚拟环境步骤图文详解
2019/09/18 Python
基于python实现FTP文件上传与下载操作(ftp&sftp协议)
2020/04/01 Python
详解pycharm的python包opencv(cv2)无代码提示问题的解决
2021/01/29 Python
requests在python中发送请求的实例讲解
2021/02/17 Python
css3 伪元素和伪类选择器详解
2014/09/04 HTML / CSS
Myprotein亚太地区:欧洲第一在线运动营养品牌
2020/12/20 全球购物
日语专业毕业生求职信
2013/12/04 职场文书
农林环境专业求职信
2014/03/13 职场文书
有限责任公司股东合作协议书范本
2014/10/30 职场文书
导游词之岳阳楼
2019/09/25 职场文书
总结Java对象被序列化的两种方法
2021/06/30 Java/Android