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


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 相关文章推荐
xmlHTTP实例
Oct 24 Javascript
js 跨域和ajax 跨域问题小结
Jul 01 Javascript
Javascript事件实例详解
Nov 06 Javascript
原生javaScript实现图片延时加载的方法
Dec 22 Javascript
超链接怎么正确调用javascript函数
May 23 Javascript
JS 在数组指定位置插入/删除数据的方法
Jan 12 Javascript
关于vue中watch检测到不到对象属性的变化的解决方法
Feb 08 Javascript
微信小程序实现星级评价效果
Dec 28 Javascript
小程序开发中如何使用async-await并封装公共异步请求的方法
Jan 20 Javascript
jQuery带控制按钮轮播图插件
Jul 31 jQuery
vue穿梭框实现上下移动
Jan 29 Vue.js
JS前端使用Canvas快速实现手势解锁特效
Sep 23 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牛逼的面试题分享
2013/01/18 PHP
php算法实例分享
2015/07/14 PHP
jquery获取ASP.NET服务器端控件dropdownlist和radiobuttonlist生成客户端HTML标签后的value和text值
2010/06/28 Javascript
简单的前端js+ajax 购物车框架(入门篇)
2011/10/29 Javascript
js自定义事件及事件交互原理概述(一)
2013/02/01 Javascript
JQuery+Ajax无刷新分页的实例代码
2014/02/08 Javascript
表单中单选框添加选项和移除选项
2016/07/04 Javascript
angularjs实现下拉列表的选中事件示例
2017/03/03 Javascript
jQuery Ajax前后端使用JSON进行交互示例
2017/03/17 Javascript
浅谈pc端rem字体设置的问题
2017/08/03 Javascript
nodejs用gulp管理前端文件方法
2018/06/24 NodeJs
vue axios数据请求get、post方法及实例详解
2018/09/11 Javascript
vue项目中播放rtmp视频文件流的方法
2020/09/17 Javascript
[52:44]VGJ.T vs infamous Supermajor小组赛D组败者组第一轮 BO3 第一场 6.3
2018/06/04 DOTA
python操作日期和时间的方法
2014/03/11 Python
python实现的简单FTP上传下载文件实例
2015/06/30 Python
详解C++编程中一元运算符的重载
2016/01/19 Python
Python 12306抢火车票脚本 Python京东抢手机脚本
2018/02/06 Python
python实现字符串和字典的转换
2018/09/29 Python
python实现图片筛选程序
2018/10/24 Python
python爬虫爬取幽默笑话网站
2019/10/24 Python
pymysql模块的操作实例
2019/12/17 Python
Python高阶函数、常用内置函数用法实例分析
2019/12/26 Python
python实现简单贪吃蛇游戏
2020/09/29 Python
Python eval函数介绍及用法
2020/11/09 Python
详解CSS3阴影 box-shadow的使用和技巧总结
2016/12/03 HTML / CSS
CSS 3.0文字悬停跳动特效代码
2020/10/26 HTML / CSS
HTML5计时器小例子
2013/10/15 HTML / CSS
高中生毕业自我鉴定
2013/10/10 职场文书
学生自我鉴定模板
2013/12/30 职场文书
事假请假条范文
2014/04/11 职场文书
3分钟演讲稿
2014/04/30 职场文书
社区好人好事材料
2014/12/26 职场文书
2019学校请假条格式及范文
2019/06/25 职场文书
关于Spring配置文件加载方式变化引发的异常详解
2022/01/18 Java/Android
Redis实现主从复制方式(Master&Slave)
2022/06/21 Redis