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


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 相关文章推荐
让AJAX不依赖后端接口实现方案
Dec 03 Javascript
实用的Jquery选项卡TAB示例代码
Aug 28 Javascript
jquery、js操作checkbox全选反选
Mar 12 Javascript
Jquery Easyui表单组件Form使用详解(30)
Dec 19 Javascript
js自定义QQ菜单效果
Jan 10 Javascript
那些精彩的JavaScript代码片段
Jan 12 Javascript
纯js实现html转pdf的简单实例(推荐)
Feb 16 Javascript
移动端效果之Swiper详解
Oct 09 Javascript
vue 系列——vue2-webpack2框架搭建踩坑之路
Dec 22 Javascript
JavaScript调用模式与this关键字绑定的关系
Apr 21 Javascript
vue项目或网页上实现文字转换成语音播放功能
Jun 09 Javascript
element跨分页操作选择详解
Jun 29 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数组函数序列之array_sum() - 计算数组元素值之和
2011/10/29 PHP
php使用str_shuffle()函数生成随机字符串的方法分析
2017/02/17 PHP
php 猴子摘桃的算法
2017/06/20 PHP
用Javascript同时提交多个Web表单的方法
2009/12/26 Javascript
jQuery 第二课 操作包装集元素代码
2010/03/14 Javascript
基于jQuery实现图片的前进与后退功能
2013/04/24 Javascript
IE的事件传递-event.cancelBubble示例介绍
2014/01/12 Javascript
jquery实现点击页面计算点击次数
2015/01/23 Javascript
javascript实现随机显示星星特效
2016/01/28 Javascript
jQuery与Ajax以及序列化
2016/02/01 Javascript
JQuery点击行tr实现checkBox选中的简单实例
2016/05/26 Javascript
jQuery基本筛选选择器实例代码
2017/02/06 Javascript
BootStrap Datetimepicker 汉化的实现代码
2017/02/10 Javascript
详解Angular路由 ng-route和ui-router的区别
2017/05/22 Javascript
如何基于vue-cli3.0构建功能完善的移动端架子
2019/04/24 Javascript
python创建进程fork用法
2015/06/04 Python
Python打包文件夹的方法小结(zip,tar,tar.gz等)
2016/09/18 Python
读取json格式为DataFrame(可转为.csv)的实例讲解
2018/06/05 Python
Python基本数据结构与用法详解【列表、元组、集合、字典】
2019/03/23 Python
python按比例随机切分数据的实现
2019/07/11 Python
python GUI库图形界面开发之PyQt5工具栏控件QToolBar的详细使用方法与实例
2020/02/28 Python
详解KMP算法以及python如何实现
2020/09/18 Python
python 爬虫之selenium可视化爬虫的实现
2020/12/04 Python
Html5实现移动端、PC端 刮刮卡效果
2016/06/30 HTML / CSS
苏格兰销售女装、男装和童装的连锁店:M&Co
2018/03/16 全球购物
雷蛇美国官网:Razer
2020/04/03 全球购物
经典优秀个人求职自荐信格式
2013/09/25 职场文书
自我评价中英文语句
2013/11/30 职场文书
保护母亲河倡议书
2014/04/14 职场文书
在校大学生自我评价范文
2014/09/12 职场文书
2014年化工厂工作总结
2014/11/25 职场文书
酒店服务员岗位职责
2015/02/09 职场文书
项目合作意向书
2015/05/08 职场文书
2015年暑期社会实践报告
2015/07/13 职场文书
结婚典礼致辞
2015/07/28 职场文书
Nginx使用ngx_http_upstream_module实现负载均衡功能示例
2022/08/05 Servers