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


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运行机制之this详细介绍
Feb 07 Javascript
使用script的src实现跨域和类似ajax效果
Nov 10 Javascript
JS实现可关闭的对联广告效果代码
Sep 14 Javascript
AngularJS控制器controller正确的通信的方法
Jan 25 Javascript
javascript运算符语法全面概述
Jul 14 Javascript
第一次接触神奇的前端框架vue.js
Dec 01 Javascript
js手机号批量滚动抽奖实现代码
Apr 17 Javascript
微信小程序点击控件修改样式实例详解
Jul 07 Javascript
详解如何在vue项目中使用eslint+prettier格式化代码
Nov 10 Javascript
使用 Element UI Table 的 slot-scope方法
Oct 10 Javascript
微信小程序onShareTimeline()实现分享朋友圈
Jan 07 Javascript
如何使用RoughViz可视化Vue.js中的草绘图表
Jan 30 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
thinkPHP中_initialize方法实例分析
2016/12/05 PHP
lnmp安装多版本PHP共存的方法详解
2018/08/02 PHP
DOM相关内容速查手册
2007/02/07 Javascript
Ext修改GridPanel数据和字体颜色、css属性等
2014/06/13 Javascript
fckeditor粘贴Word时弹出窗口取消的方法
2014/10/30 Javascript
javascript实现删除前弹出确认框
2015/06/04 Javascript
详解AngularJS中的http拦截
2016/02/09 Javascript
微信小程序访问node.js接口服务器搭建教程
2017/04/25 Javascript
jQuery鼠标悬停内容动画切换效果
2017/04/27 jQuery
详解vue嵌套路由-params传递参数
2017/05/23 Javascript
vue-router路由参数刷新消失的问题解决方法
2017/06/17 Javascript
Vue中使用Echarts仪表盘展示实时数据的实现
2020/11/01 Javascript
python实现数独算法实例
2015/06/09 Python
python结合shell查询google关键词排名的实现代码
2016/02/27 Python
总结python实现父类调用两种方法的不同
2017/01/15 Python
Python通过VGG16模型实现图像风格转换操作详解
2020/01/16 Python
详解Python的三种拷贝方式
2020/02/11 Python
关于keras.layers.Conv1D的kernel_size参数使用介绍
2020/05/22 Python
在 Python 中使用 MQTT的方法
2020/08/18 Python
使用BeautifulSoup4解析XML的方法小结
2020/12/07 Python
Python 实现一个简单的web服务器
2021/01/03 Python
Python就将所有的英文单词首字母变成大写
2021/02/12 Python
CSS3 实现的缩略图悬停效果
2020/12/09 HTML / CSS
ALDO英国官网:加拿大女鞋品牌
2018/02/19 全球购物
计算机专业个人简短的自我评价
2013/10/23 职场文书
我未来的职业规划范文
2014/01/11 职场文书
优秀医生事迹材料
2014/02/12 职场文书
《小猪家的桃花树》教学反思
2014/04/11 职场文书
校运会口号
2014/06/18 职场文书
农村文化活动总结
2014/08/28 职场文书
农村婚礼司仪主持词
2015/06/29 职场文书
Spring-cloud Config Server的3种配置方式
2021/09/25 Java/Android
python模块与C和C++动态库相互调用实现过程示例
2021/11/02 Python
浅谈GO中的Channel以及死锁的造成
2022/03/18 Golang
python神经网络 使用Keras构建RNN训练
2022/05/04 Python
nginx lua 操作 mysql
2022/05/15 Servers