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


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系列(14) 作用域链介绍(Scope Chain)
Apr 12 Javascript
Javascript的常规数组和关联数组对比小结
May 24 Javascript
网页加载时页面显示进度条加载完成之后显示网页内容
Dec 23 Javascript
基于JavaScript自定义构造函数的详解说明
Apr 24 Javascript
jQuery实现根据滚动条位置加载相应内容功能
Jul 18 Javascript
原生JS发送异步数据请求
Jun 08 Javascript
jQuery+C#实现参数RSA加密传输功能【附jsencrypt.js下载】
Jun 26 jQuery
ztree简介_动力节点Java学院整理
Jul 19 Javascript
修改UA在PC中访问只能在微信中打开的链接方法
Nov 27 Javascript
深入剖析Express cookie-parser中间件实现示例
Feb 01 Javascript
原生JS+HTML5实现跟随鼠标一起流动的粒子动画效果
May 03 Javascript
微信小程序实现折叠与展开文章功能
Jun 12 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+mysql 采用ajax技术的 省 市 地 3级联动无刷新菜单 源码
2006/12/16 PHP
ThinkPHP查询返回简单字段数组的方法
2014/08/25 PHP
Windows下Apache + PHP SESSION丢失的解决过程全纪录
2015/04/07 PHP
PHP中trait使用方法详细介绍
2017/05/21 PHP
TP5.0框架实现无限极回复功能的方法分析
2019/05/04 PHP
javascript Math.random()随机数函数
2009/11/04 Javascript
网页前台通过js非法字符过滤代码(骂人的话等等)
2010/05/26 Javascript
IE6弹出“已终止操作”的解决办法
2010/11/27 Javascript
Jquery中的CheckBox、RadioButton、DropDownList的取值赋值实现代码
2011/10/12 Javascript
从重置input file标签中看jQuery的 .val() 和 .attr(“value”) 区别
2016/06/12 Javascript
Javascript实现汉字和拼音互转的终极方案
2016/10/19 Javascript
JS用斜率判断鼠标进入DIV四个方向的方法
2016/11/07 Javascript
jQuery验证表单格式的使用方法
2017/01/10 Javascript
mui 打开新窗口的方式总结及注意事项
2017/08/20 Javascript
详解Vue 中 extend 、component 、mixins 、extends 的区别
2017/12/20 Javascript
Angular4.x通过路由守卫进行路由重定向实现根据条件跳转到相应的页面(推荐)
2018/05/10 Javascript
jquery.onoff实现简单的开关按钮功能(推荐)
2018/05/24 jQuery
Vue中插入HTML代码的方法
2018/09/21 Javascript
python中的字典详细介绍
2014/09/18 Python
Python的randrange()方法使用教程
2015/05/15 Python
SVM基本概念及Python实现代码
2017/12/27 Python
Django使用httpresponse返回用户头像实例代码
2018/01/26 Python
Flask模拟实现CSRF攻击的方法
2018/07/24 Python
python中执行smtplib失败的处理方法
2020/07/01 Python
Python绘图实现台风路径可视化代码实例
2020/10/23 Python
基于python模拟TCP3次握手连接及发送数据
2020/11/06 Python
美国东北部户外服装和设备零售商:Eastern Mountain Sports
2016/10/05 全球购物
美体小铺波兰官方网站:The Body Shop波兰
2019/09/03 全球购物
钳工实习自我鉴定
2013/09/19 职场文书
法学院方阵解说词
2014/01/29 职场文书
《蓝色的树叶》教学反思
2014/02/24 职场文书
横幅标语大全
2014/06/17 职场文书
社团活动总结怎么写
2014/06/30 职场文书
postgresql 删除重复数据案例详解
2021/08/02 PostgreSQL
Python 数据可视化之Seaborn详解
2021/11/02 Python
Nginx配置https的实现
2021/11/27 Servers