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


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下将选择的checkbox的id组成字符串的方法
Nov 28 Javascript
JavaScript之Getters和Setters 平台支持等详细介绍
Dec 07 Javascript
ajax的hide隐藏问题解决方法
Dec 11 Javascript
js控制frameSet示例
Sep 10 Javascript
jquery.form.js用法之清空form的方法
Mar 07 Javascript
JavaScript极简入门教程(三):数组
Oct 25 Javascript
理解javascript定时器中的setTimeout与setInterval
Feb 23 Javascript
jQuery的extend方法【三种】
Dec 14 Javascript
jQuery Autocomplete简介_动力节点Java学院整理
Jul 17 jQuery
解决Vue编译时写在style中的路径问题
Sep 21 Javascript
Bootstrap Table中的多选框删除功能
Jul 15 Javascript
使用JS前端技术实现静态图片局部流动效果
Aug 05 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
再说下636单管机
2021/03/02 无线电
浅析使用Turck-mmcache编译来加速、优化PHP代码
2013/06/20 PHP
php+memcache实现的网站在线人数统计代码
2014/07/04 PHP
Laravel 5框架学习之路由、控制器和视图简介
2015/04/07 PHP
php两种无限分类方法实例
2015/04/21 PHP
PHP SPL标准库之数据结构栈(SplStack)介绍
2015/05/12 PHP
php socket通信简单实现
2016/11/18 PHP
php结合redis高并发下发帖、发微博的实现方法
2016/12/15 PHP
thinkphp5框架结合mysql实现微信登录和自定义分享链接与图文功能示例
2019/08/13 PHP
js 格式化时间日期函数小结
2010/03/20 Javascript
Javascript玩转继承(一)
2014/05/08 Javascript
Javascript基础知识(三)BOM,DOM总结
2014/09/29 Javascript
jQuery 回调函数(callback)的使用和基础
2015/02/26 Javascript
js正则匹配出所有图片及图片地址src的方法
2015/06/08 Javascript
jQuery实现宽屏图片轮播实例教程
2015/11/24 Javascript
关于 jQuery Easyui异步加载tree的问题解析
2016/12/06 Javascript
轻松理解JavaScript之AJAX
2017/03/15 Javascript
Vue2.x中的父组件传递数据至子组件的方法
2017/05/01 Javascript
React 高阶组件入门介绍
2018/01/11 Javascript
基于jquery实现的tab选项卡功能示例【附源码下载】
2019/06/10 jQuery
解决vue项目router切换太慢问题
2020/07/19 Javascript
在Vue 中获取下拉框的文本及选项值操作
2020/08/13 Javascript
Python 实现 贪吃蛇大作战 代码分享
2016/09/07 Python
TensorFlow中权重的随机初始化的方法
2018/02/11 Python
python+webdriver自动化环境搭建步骤详解
2019/06/03 Python
你可能不知道的Python 技巧小结
2020/01/29 Python
物业管理个人自我评价
2013/11/08 职场文书
服务员自我评价
2014/01/25 职场文书
日本语毕业生自荐信
2014/02/01 职场文书
2014年教师党员公开承诺书
2014/05/28 职场文书
房屋转让协议书
2014/10/18 职场文书
党的群众路线教育实践活动个人整改方案
2014/10/25 职场文书
Python中使用Lambda函数的5种用法
2021/04/01 Python
python turtle绘图命令及案例
2021/11/23 Python
pytorch分类模型绘制混淆矩阵以及可视化详解
2022/04/07 Python
shell进度条追踪指令执行时间的场景分析
2022/06/16 Servers