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


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 相关文章推荐
Add Formatted Text to a Word Document
Jun 15 Javascript
js之事件冒泡和事件捕获详细介绍
Oct 28 Javascript
JavaScript插件化开发教程 (三)
Jan 27 Javascript
微信 java 实现js-sdk 图片上传下载完整流程
Oct 21 Javascript
jquery实现点击页面回到顶部
Nov 23 Javascript
bootstrap表格分页实例讲解
Dec 30 Javascript
基于JS实现bookstore静态页面的实例代码
Feb 22 Javascript
微信小程序websocket实现聊天功能
Mar 30 Javascript
js实现列表向上无限滚动
Jan 13 Javascript
javascript实现简易数码时钟
Mar 30 Javascript
探索浏览器页面关闭window.close()的使用详解
Aug 21 Javascript
Vue图片裁剪组件实例代码
Jul 02 Vue.js
微信小程序实现的日期午别医生排班表功能示例
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 中的str_replace 函数总结
2007/04/27 PHP
php字符串操作针对负值的判断分析
2016/07/28 PHP
JS实现IE状态栏文字缩放效果代码
2015/10/24 Javascript
jQuery实现鼠标选文字发新浪微博的方法
2016/04/02 Javascript
Bootstrap每天必学之警告框插件
2016/04/26 Javascript
JavaScript 动态三角函数实例详解
2017/01/08 Javascript
详解浏览器渲染页面过程
2017/02/09 Javascript
js实现前端图片上传即时预览功能
2017/08/02 Javascript
深入理解node.js http模块
2018/01/24 Javascript
angular实现页面打印局部功能的思考与方法
2018/04/13 Javascript
Angular6封装http请求的步骤详解
2018/08/13 Javascript
JavaScript使用递归和循环实现阶乘的实例代码
2018/08/28 Javascript
手动下载Chrome并解决puppeteer无法使用问题
2018/11/12 Javascript
JS左右无缝轮播功能完整实例
2019/05/16 Javascript
如何在Vue中抽离接口配置文件
2019/10/31 Javascript
[53:13]DOTA2-DPC中国联赛 正赛 DLG vs PHOENIX BO3 第三场 1月18日
2021/03/11 DOTA
Python正则表达式的使用范例详解
2014/08/08 Python
Python实现注册登录系统
2017/08/08 Python
tensorflow建立一个简单的神经网络的方法
2018/02/10 Python
Python 字符串操作(string替换、删除、截取、复制、连接、比较、查找、包含、大小写转换、分割等)
2018/03/19 Python
Pycharm设置界面全黑的方法
2018/05/23 Python
Python+OpenCV图片局部区域像素值处理详解
2019/01/23 Python
Python使用百度api做人脸对比的方法
2019/08/28 Python
Python 转移文件至云对象存储的方法
2021/02/07 Python
Python3+SQLAlchemy+Sqlite3实现ORM教程
2021/02/16 Python
CSS3旋转——彩色扇子兼容firefox浏览器
2013/06/04 HTML / CSS
本科生详细的自我评价
2013/09/19 职场文书
卫校毕业生自我鉴定
2013/10/31 职场文书
物流仓管员工作职责
2014/01/06 职场文书
英语系本科生求职信
2014/07/15 职场文书
驻村工作先进事迹
2014/08/14 职场文书
上班迟到检讨书
2014/09/15 职场文书
有限公司股东合作协议书
2014/10/29 职场文书
三孔导游词
2015/02/05 职场文书
2015年度服装销售工作总结
2015/03/31 职场文书
2016幼儿园教师年度考核评语
2015/12/01 职场文书