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


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 相关文章推荐
Javascript客户端脚本的设计和应用
Aug 21 Javascript
jquery 分页控件实现代码
Nov 30 Javascript
jquery 3D球状导航的文章分类
Jul 06 Javascript
使用命令对象代替switch语句的写法示例
Feb 28 Javascript
详解Javascript中prototype属性(推荐)
Sep 03 Javascript
node.js平台下的mysql数据库配置及连接
Mar 31 Javascript
详解在express站点中使用ejs模板引擎
Sep 21 Javascript
JS异步函数队列功能实例分析
Nov 28 Javascript
解决Angular2 router.navigate刷新页面的问题
Aug 31 Javascript
React Router V4使用指南(精讲)
Sep 17 Javascript
Vue.js 中的 v-show 指令及用法详解
Nov 19 Javascript
layui点击按钮页面会自动刷新的解决方案
Oct 25 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
如何在symfony中导出为CSV文件中的数据
2011/10/06 PHP
PHP CURL post数据报错 failed creating formpost data
2016/10/16 PHP
PHP中OpenSSL加密问题整理
2017/12/14 PHP
Laravel Eloquent分表方法并使用模型关联的实现
2019/11/25 PHP
会自动逐行上升的文本框
2006/06/30 Javascript
JS在IE和FF下attachEvent,addEventListener学习笔记
2009/11/26 Javascript
javascript使用activex控件的代码
2011/01/27 Javascript
javaScript中slice函数用法实例分析
2015/06/08 Javascript
javascript针对cookie的基本操作实例详解
2015/11/30 Javascript
JQuery插件Marquee.js实现无缝滚动效果
2016/04/26 Javascript
浅析Bootstrap缩略图组件与警示框组件
2016/04/29 Javascript
利用jQuery实现CheckBox全选/全不选/反选的简单代码
2016/05/31 Javascript
详解BootStrap中Affix控件的使用及保持布局的美观的方法
2016/07/08 Javascript
BootStrap Validator 版本差异问题导致的submitHandler失效问题的解决方法
2016/12/01 Javascript
JavaScript使用ZeroClipboard操作剪切板
2017/05/10 Javascript
vue3.0 CLI - 2.5 - 了解组件的三维
2018/09/14 Javascript
微信小程序仿知乎实现评论留言功能
2018/11/28 Javascript
三分钟教你用Node做一个微信哄女友(基友)神器(面向小白)
2019/06/21 Javascript
前端插件之Bootstrap Dual Listbox使用教程
2019/07/23 Javascript
微信小程序常用的3种提示弹窗实现详解
2019/09/19 Javascript
微信小程序实现多行文字超出部分省略号显示功能
2019/10/23 Javascript
[02:51]DOTA2战队出征照拍摄花絮 TI3明星化身时尚男模
2013/07/22 DOTA
tensorflow学习笔记之mnist的卷积神经网络实例
2018/04/15 Python
Python中的集合介绍
2019/01/28 Python
python程序 创建多线程过程详解
2019/09/23 Python
python实现大量图片重命名
2020/03/23 Python
tensorboard 可以显示graph,却不能显示scalar的解决方式
2020/02/15 Python
Python DES加密实现原理及实例解析
2020/07/17 Python
pytorch简介
2020/11/11 Python
J2EE中常用的名词进行解释
2015/11/09 面试题
创建学习型党组织实施方案
2014/03/29 职场文书
幼儿园社区活动总结
2014/07/07 职场文书
群众路线自查自纠工作情况报告
2014/10/28 职场文书
2016年寒假社会实践活动总结
2015/10/10 职场文书
合同补充协议书
2016/03/24 职场文书
OpenCV-Python实现油画效果的实例
2021/06/08 Python