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


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 相关文章推荐
JS控制表格隔行变色
Jun 26 Javascript
在js中单选框和复选框获取值的方式
Nov 06 Javascript
javascript静态页面传值的三种方法分享
Nov 12 Javascript
JS实现关键字搜索时的相关下拉字段效果
Aug 05 Javascript
JavaScript解析json格式数据简单示例
Dec 09 Javascript
详解javascript函数的参数
Nov 10 Javascript
分享js粘帖屏幕截图到web页面插件screenshot-paste
Aug 21 Javascript
JavaScript学习小结之使用canvas画“哆啦A梦”时钟
Jul 24 Javascript
JS实现的简易拖放效果示例
Dec 29 Javascript
angularjs+bootstrap菜单的使用示例代码
Mar 07 Javascript
JavaScript基础心法 深浅拷贝(浅拷贝和深拷贝)
Mar 05 Javascript
如何使用vuex实现兄弟组件通信
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
PHP中数字检测is_numeric与ctype_digit的区别介绍
2012/10/04 PHP
ajax php传递和接收变量实现思路及代码
2012/12/19 PHP
php引用返回与取消引用的详解
2013/06/08 PHP
遭遇php的in_array低性能问题
2013/09/17 PHP
PHP中STDCLASS用法实例分析
2016/11/11 PHP
PHP+MYSQL实现读写分离简单实战
2017/03/13 PHP
使用IE的地址栏来辅助调试Web页脚本
2007/03/08 Javascript
一个js封装的不错的选项卡效果代码
2008/02/15 Javascript
键盘上一张下一张兼容IE/google/firefox等浏览器
2014/01/28 Javascript
JavaScript中的toLocaleLowerCase()方法使用详解
2015/06/06 Javascript
用JavaScript实现PHP的urlencode与urldecode函数
2015/08/13 Javascript
全面解析标签页的切换方式
2016/08/21 Javascript
微信小程序使用第三方库Underscore.js步骤详解
2016/09/27 Javascript
简单谈谈JS数组中的indexOf方法
2016/10/13 Javascript
vue+vuecli+webpack中使用mockjs模拟后端数据的示例
2017/10/24 Javascript
Vue实现自定义下拉菜单功能
2018/07/16 Javascript
jQuery单页面文字搜索插件jquery.fullsearch.js的使用方法
2020/02/04 jQuery
完美解决vue 中多个echarts图表自适应的问题
2020/07/19 Javascript
[33:42]LGD vs OG 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
Python新手们容易犯的几个错误总结
2017/04/01 Python
Python实现Mysql数据库连接池实例详解
2017/04/11 Python
详解PyTorch批训练及优化器比较
2018/04/28 Python
Python 中 function(#) (X)格式 和 (#)在Python3.*中的注意事项
2018/11/30 Python
python sklearn库实现简单逻辑回归的实例代码
2019/07/01 Python
python实现BP神经网络回归预测模型
2019/08/09 Python
使用PyTorch将文件夹下的图片分为训练集和验证集实例
2020/01/08 Python
html5 figure和figcaption的使用方法
2018/09/10 HTML / CSS
Under Armour安德玛法国官网:美国高端运动科技品牌
2018/06/29 全球购物
学习保证书范文
2014/04/30 职场文书
经贸专业毕业生求职信范文
2014/05/01 职场文书
工伤事故证明
2014/10/20 职场文书
2015年政风行风工作总结
2015/04/21 职场文书
Python 内置函数速查表一览
2021/06/02 Python
MySQL分区表实现按月份归类
2021/11/01 MySQL
解决MySQL添加新用户-ERROR 1045 (28000)的问题
2022/03/03 MySQL
nginx访问报403错误的几种情况详解
2022/07/23 Servers