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


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 图片延迟加载并等比缩放插件
Nov 09 Javascript
容易被忽略的JS脚本特性
Sep 13 Javascript
Javascript事件实例详解
Nov 06 Javascript
JS模仿编辑器实时改变文本框宽度和高度大小的方法
Aug 17 Javascript
jquery输入数字随机抽奖特效的简单实现代码
Jun 10 Javascript
Bootstrap面板学习使用
Feb 09 Javascript
前端开发不得不知的10个最佳ES6特性
Aug 30 Javascript
Angular实现预加载延迟模块的示例
Oct 12 Javascript
react.js组件实现拖拽复制和可排序的示例代码
Aug 20 Javascript
react脚手架如何配置less和ant按需加载的方法步骤
Nov 28 Javascript
详解Vue-axios 设置请求头问题
Dec 06 Javascript
jQuery实现可编辑的表格
Dec 11 jQuery
微信小程序实现的日期午别医生排班表功能示例
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
对javascript和select部件的结合运用
2006/10/09 PHP
PHP中cookies使用指南
2007/03/16 PHP
了解Joomla 这款来自国外的php网站管理系统
2010/03/11 PHP
php可生成缩略图的文件上传类实例
2014/12/17 PHP
在WordPress中使用PHP脚本来判断访客来自什么国家
2015/12/10 PHP
PHP二维数组矩形转置实例
2016/07/20 PHP
thinkPHP框架实现多表查询的方法
2018/06/14 PHP
跨浏览器开发经验总结(三)   警惕“IE依赖综合症”
2010/05/13 Javascript
JavaScript获取FCK编辑器信息的具体方法
2013/07/12 Javascript
在JavaScript中访问字符串的子串
2015/07/07 Javascript
BootStrap学习系列之Bootstrap Typeahead 组件实现百度下拉效果(续)
2016/07/07 Javascript
jQuery绑定事件方法及区别(bind,click,on,live,one)
2017/08/14 jQuery
Vue实现一个无限加载列表功能
2018/11/13 Javascript
详解从vue-loader源码分析CSS Scoped的实现
2019/09/23 Javascript
解决vue-router路由拦截造成死循环问题
2020/08/05 Javascript
介绍Python中的文档测试模块
2015/04/28 Python
简单介绍Python中的floor()方法
2015/05/15 Python
Python定时器实例代码
2017/11/01 Python
Python获取指定文件夹下的文件名的方法
2018/02/06 Python
python实现共轭梯度法
2019/07/03 Python
联想瑞士官方网站:Lenovo Switzerland
2017/11/19 全球购物
世界各地的当地人的食物体验:Eatwith
2019/07/26 全球购物
日本化妆品植村秀俄罗斯官方网站:Shu Uemura俄罗斯
2020/02/01 全球购物
德国珠宝和配件商店:Styleserver
2021/02/23 全球购物
为什么要做架构设计
2015/07/08 面试题
求职信格式范本
2013/11/15 职场文书
《庐山的云雾》教学反思
2014/04/22 职场文书
年度评优评先方案
2014/06/03 职场文书
美术第二课堂活动总结
2014/07/08 职场文书
给妈妈洗脚活动方案
2014/08/16 职场文书
小学生五年级大队长竞选发言稿
2014/09/12 职场文书
简单的个人租房协议书范本
2014/11/26 职场文书
2014年妇女工作总结
2014/12/06 职场文书
五好家庭申报材料
2014/12/20 职场文书
平安建设汇报材料
2014/12/29 职场文书
再次探讨go实现无限 buffer 的 channel方法
2021/06/13 Golang