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


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 相关文章推荐
jquery实现效果比较好的table选中行颜色
Mar 25 Javascript
JS控制表格实现一条光线流动分割行的方法
Mar 09 Javascript
谈谈PHP中相对路径的问题与绝对路径的使用
Aug 16 Javascript
微信js-sdk界面操作接口用法示例
Oct 12 Javascript
H5移动端图片压缩上传开发流程
Nov 09 Javascript
80%应聘者都不及格的JS面试题
Mar 21 Javascript
node.js自动上传ftp的脚本分享
Jun 16 Javascript
vue观察模式浅析
Sep 25 Javascript
JavaScript oncopy事件用法实例解析
May 13 Javascript
vue+element实现图片上传及裁剪功能
Jun 29 Javascript
基于javascript的无缝滚动动画实现2
Aug 07 Javascript
原生JavaScript实现换肤
Feb 19 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
一个改进的UBB类
2006/10/09 PHP
php快速url重写 更新版[需php 5.30以上]
2010/04/20 PHP
提高PHP性能的编码技巧以及性能优化详细解析
2013/08/24 PHP
Thinkphp整合微信支付功能
2016/12/14 PHP
js实现文本框中焦点在最后位置
2014/03/04 Javascript
jquery SweetAlert插件实现响应式提示框
2015/08/18 Javascript
jQuery使用$.ajax进行即时验证实例详解
2015/12/11 Javascript
Bootstrap 轮播(Carousel)插件
2016/12/26 Javascript
发布订阅模式在vue中的实际运用实例详解
2019/06/09 Javascript
JavaScript设计模式--桥梁模式引入操作实例分析
2020/05/23 Javascript
Vue+scss白天和夜间模式切换功能的实现方法
2021/01/05 Vue.js
[01:46]DOTA2上海特锦赛小组赛英文解说KotlGuy采访
2016/02/27 DOTA
使用Python进行新浪微博的mid和url互相转换实例(10进制和62进制互算)
2014/04/25 Python
python脚本实现统计日志文件中的ip访问次数代码分享
2014/08/06 Python
python实现爬虫下载美女图片
2015/07/14 Python
python中的闭包函数
2018/02/09 Python
spark: RDD与DataFrame之间的相互转换方法
2018/06/07 Python
Python简单读写Xls格式文档的方法示例
2018/08/17 Python
python3.4控制用户输入与输出的方法
2018/10/17 Python
python批量下载网站马拉松照片的完整步骤
2018/12/05 Python
在Python中将函数作为另一个函数的参数传入并调用的方法
2019/01/22 Python
Python编程中类与类的关系详解
2019/08/08 Python
Python 3.6 中使用pdfminer解析pdf文件的实现
2019/09/25 Python
Python库skimage绘制二值图像代码实例
2020/04/10 Python
Python filter()及reduce()函数使用方法解析
2020/09/05 Python
HTML5高仿微信聊天、微信聊天表情|对话框|编辑器功能
2018/04/23 HTML / CSS
详解android与HTML混合开发总结
2018/06/06 HTML / CSS
JD Sports马来西亚:英国领先的运动鞋和运动服饰零售商
2018/03/13 全球购物
严选全球尖货,立足香港:Bonpont宝盆
2018/07/24 全球购物
PHP如何与mysql建立链接
2013/05/05 面试题
英语专业学生个人求职信
2014/01/28 职场文书
八一建军节部队活动方案
2014/02/04 职场文书
暑期实践个人总结
2015/03/06 职场文书
党员证明信
2015/06/19 职场文书
spring注解 @PropertySource配置数据源全流程
2022/03/25 Java/Android
本地搭建minio文件服务器(使用bat脚本启动)的方法
2022/07/15 Servers