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


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 相关文章推荐
Riot.js 快速的JavaScript单元测试框架
Nov 09 Javascript
jQuery 开天辟地入门篇一
Dec 09 Javascript
javascript 动态修改样式和层叠样式表代码
Apr 27 Javascript
jQuery的attr与prop使用介绍
Oct 10 Javascript
html文本框提示效果的示例代码
Jun 28 Javascript
使用console进行性能测试
Apr 27 Javascript
javascript中的Function.prototye.bind
Jun 25 Javascript
HTML5+jQuery实现搜索智能匹配功能
Mar 24 jQuery
解决浏览器会自动填充密码的问题
Apr 28 Javascript
浅谈Vue内置component组件的应用场景
Mar 27 Javascript
react-native滑动吸顶效果的实现过程
Jun 03 Javascript
vue缓存之keep-alive的理解和应用详解
Nov 02 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
fsockopen pfsockopen函数被禁用,SMTP发送邮件不正常的解决方法
2015/09/20 PHP
详解php魔术方法(Magic methods)的使用方法
2016/02/14 PHP
PHP获取php,mysql,apche的版本信息及更多服务器信息
2021/03/09 PHP
检测是否已安装 .NET Framework 3.5的js脚本
2009/02/14 Javascript
javascript 同时在IE和FireFox获取KeyCode的代码
2010/02/07 Javascript
关于query Javascript CSS Selector engine
2013/04/12 Javascript
Nodejs Post请求报socket hang up错误的解决办法
2014/09/25 NodeJs
JQuery中attr属性和jQuery.data()学习笔记【必看】
2016/05/18 Javascript
CSS3 media queries结合jQuery实现响应式导航
2016/09/30 Javascript
EditPlus 正则表达式 实战(3)
2016/12/15 Javascript
原生js轮播(仿慕课网)
2017/02/15 Javascript
纯js的右下角弹窗实例
2017/03/12 Javascript
解决浏览器会自动填充密码的问题
2017/04/28 Javascript
js实现移动端轮播图效果
2020/12/09 Javascript
详解javascript对数组和json数组的操作
2019/04/15 Javascript
jQuery实现的图片点击放大缩小功能案例
2020/01/02 jQuery
详解Python各大聊天系统的屏蔽脏话功能原理
2016/12/01 Python
python基于itchat实现微信群消息同步机器人
2017/02/27 Python
Python中扩展包的安装方法详解
2017/06/14 Python
python使用xpath中遇到:到底是什么?
2018/01/04 Python
python3.6下Numpy库下载与安装图文教程
2019/04/02 Python
Python读写文件基础知识点
2019/06/10 Python
Django项目使用CircleCI的方法示例
2019/07/14 Python
python之array赋值技巧分享
2019/11/28 Python
DRF框架API版本管理实现方法解析
2020/08/21 Python
Django REST Framework 分页(Pagination)详解
2020/11/30 Python
详解HTML5 canvas绘图基本使用方法
2018/01/29 HTML / CSS
HTML5中判断用户是否正在浏览页面的方法
2014/05/03 HTML / CSS
Carter’s OshKosh加拿大:购买婴幼儿服装和童装
2018/11/27 全球购物
ECOSUSI官网:女式皮革背包
2019/09/27 全球购物
小区门卫岗位职责范本
2014/08/24 职场文书
报效祖国演讲稿
2014/09/15 职场文书
2014年污水处理厂工作总结
2014/12/19 职场文书
Python如何利用正则表达式爬取网页信息及图片
2021/04/17 Python
Pytorch使用shuffle打乱数据的操作
2021/05/20 Python
Go语言怎么使用变长参数函数
2022/07/15 Golang