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


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 相关文章推荐
幻宇的层模拟窗口效果-提供演示和下载
Jan 20 Javascript
IE Firefox 使用自定义标签的区别
Oct 15 Javascript
JQuery中getJSON的使用方法
Dec 13 Javascript
用Javascript实现Windows任务管理器的代码
Mar 27 Javascript
instanceof和typeof运算符的区别详解
Jan 06 Javascript
基于JQuery实现的图片自动进行缩放和裁剪处理
Jan 31 Javascript
JavaScript中跨域调用Flash的方法
Aug 11 Javascript
JavaScript实现判断图片是否加载完成的3种方法整理
Mar 13 Javascript
jquery对象和DOM对象的任意相互转换
Feb 21 Javascript
CKEditor无法验证的解决方案(js验证+jQuery Validate验证)
May 09 Javascript
bootstrap fileinput组件整合Springmvc上传图片到本地磁盘
May 11 Javascript
微信小程序之左右布局的实现代码
Dec 13 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获取网络文件的实现代码
2010/01/01 PHP
PHP微信支付开发实例
2016/06/22 PHP
利用JQuery制作符合Web标准的QQ弹出消息
2014/01/14 Javascript
jquery实现checkbox 全选/全不选的通用写法
2014/02/22 Javascript
NodeJS实现阿里大鱼短信通知发送
2016/01/17 NodeJs
复杂的javascript窗口分帧解析
2016/02/19 Javascript
JavaScript函数内部属性和函数方法实例详解
2016/03/17 Javascript
JavaScript入门系列之知识点总结
2016/03/24 Javascript
原生js三级联动的简单实现代码
2016/06/07 Javascript
将form表单通过ajax实现无刷新提交的简单实例
2016/10/12 Javascript
bootstrap fileinput 上传插件的基础使用
2017/02/17 Javascript
jQuery实现使用sort方法对json数据排序的方法
2018/04/17 jQuery
react配合antd组件实现的管理系统示例代码
2018/04/24 Javascript
对Vue2 自定义全局指令Vue.directive和指令的生命周期介绍
2018/08/30 Javascript
JSON生成Form表单的方法示例
2018/11/21 Javascript
CryptoJS中AES实现前后端通用加解密技术
2018/12/18 Javascript
微信小程序使用 vant Dialog组件的正确方式
2020/02/21 Javascript
JavaScript构造函数原理及实现流程解析
2020/11/19 Javascript
[03:02]安得倚天剑,跨海斩长鲸——中国军团出征DOTA2国际邀请赛
2018/08/14 DOTA
Python实现删除Android工程中的冗余字符串
2015/01/19 Python
Python os模块中的isfile()和isdir()函数均返回false问题解决方法
2015/02/04 Python
Python内置函数Type()函数一个有趣的用法
2015/02/18 Python
python中__slots__用法实例
2015/06/04 Python
Python基础教程之tcp socket编程详解及简单实例
2017/02/23 Python
python 中的int()函数怎么用
2017/10/17 Python
python3实现二叉树的遍历与递归算法解析(小结)
2019/07/03 Python
python递归函数求n的阶乘,优缺点及递归次数设置方式
2020/04/02 Python
python matplotlib实现将图例放在图外
2020/04/17 Python
Python特殊属性property原理及使用方法解析
2020/10/09 Python
生产班组长岗位职责
2014/01/05 职场文书
领导失职检讨书
2014/02/24 职场文书
村居抓节水倡议书
2014/05/19 职场文书
教师党员公开承诺事项
2014/05/28 职场文书
2015元旦节寄语
2014/12/08 职场文书
jQuery实现广告显示和隐藏动画
2021/07/04 jQuery
Windows Server 2019 配置远程控制以及管理方法
2022/04/28 Servers