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


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 相关文章推荐
获取Javscript执行函数名称的方法
Dec 22 Javascript
sina的lightbox效果。
Jan 09 Javascript
基于jquery的loading 加载提示效果实现代码
Sep 01 Javascript
addEventListener()第三个参数useCapture (Boolean)详细解析
Nov 07 Javascript
Javascript改变CSS样式(局部和全局)
Dec 18 Javascript
8个实用的jQuery技巧
Mar 04 Javascript
jquery实现在光标位置插入内容的方法
Feb 05 Javascript
让JavaScript中setTimeout支持链式操作的方法
Jun 19 Javascript
JS实现求数组起始项到终止项之和的方法【基于数组扩展函数】
Jun 13 Javascript
少女风vue组件库的制作全过程
May 15 Javascript
ES6 Symbol数据类型的应用实例分析
Jun 26 Javascript
如何让vue长列表快速加载
Mar 29 Vue.js
微信小程序实现的日期午别医生排班表功能示例
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代码把全角数字转为半角数字
2007/12/10 PHP
php 调用远程url的六种方法小结
2009/11/02 PHP
php strcmp使用说明
2010/04/22 PHP
PHP __autoload()方法真的影响性能吗?
2012/03/30 PHP
php mail to 配置详解
2014/01/16 PHP
php实现数组筛选奇数和偶数示例
2014/04/11 PHP
js wmp操作代码小结(音乐连播功能)
2008/11/08 Javascript
jQuery 渐变下拉菜单
2009/12/15 Javascript
查找iframe里元素的方法可传参
2013/09/11 Javascript
用html5 js实现点击一个按钮达到浏览器全屏效果
2014/05/28 Javascript
javascript for-in有序遍历json数据并探讨各个浏览器差异
2015/11/30 Javascript
第一次接触神奇的Bootstrap网格系统
2016/07/27 Javascript
JS中如何实现点击a标签返回页面顶部的问题
2017/01/19 Javascript
bootstrap table实现单击单元格可编辑功能
2017/03/28 Javascript
解决Vue编译时写在style中的路径问题
2017/09/21 Javascript
AngularJS实现表单验证功能详解
2017/10/12 Javascript
JavaScript模块详解
2017/12/18 Javascript
详解Vue中localstorage和sessionstorage的使用
2017/12/22 Javascript
Vue项目中使用Vux的安装过程
2018/05/01 Javascript
[01:46]TI4西雅图DOTA2前线报道 中国选手抱团调时差
2014/07/08 DOTA
[03:42]2016国际邀请赛中国区预选赛首日现场玩家采访
2016/06/26 DOTA
让python的Cookie.py模块支持冒号做key的方法
2010/12/28 Python
Python文件夹与文件的操作实现代码
2014/07/13 Python
在Python的Django框架中为代码添加注释的方法
2015/07/16 Python
python使用pil库实现图片合成实例代码
2018/01/20 Python
将Dataframe数据转化为ndarry数据的方法
2018/06/28 Python
好莱坞百老汇御用王牌美妆:Koh Gen Do 江原道
2018/04/03 全球购物
俄罗斯药房连锁店:ASNA
2020/06/20 全球购物
什么是聚集索引和非聚集索引
2012/01/17 面试题
消防志愿者活动方案
2014/08/23 职场文书
2016年春季开学典礼新闻稿
2015/11/25 职场文书
Django实现在线无水印抖音视频下载(附源码及地址)
2021/05/06 Python
再也不用花钱买漫画!Python爬取某漫画的脚本及源码
2021/06/09 Python
用Python selenium实现淘宝抢单机器人
2021/06/18 Python
使用Docker容器部署rocketmq单机的全过程
2022/04/03 Servers
JS实现简单的九宫格抽奖
2022/06/28 Javascript