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


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 LigerUI 插件介绍及使用之ligerDrag和ligerResizable示例代码打包
Apr 06 Javascript
文本框回车提交与禁止提交示例
Sep 27 Javascript
比较不错的JS/JQuery显示或隐藏文本的方法
Feb 13 Javascript
javascript实现textarea中tab键的缩排处理方法
Jun 26 Javascript
jQuery检测某个元素是否存在代码分享
Jul 09 Javascript
AngularJS使用ngMessages进行表单验证
Dec 27 Javascript
从setTimeout看js函数执行过程
Dec 19 Javascript
Vue使用json-server进行后端数据模拟功能
Apr 17 Javascript
JavaScript生成指定范围随机数和随机序列的方法
May 05 Javascript
用npm安装vue和vue-cli,并使用webpack创建项目的方法
Sep 28 Javascript
详解vue-cli3 中跨域解决方案
Apr 10 Javascript
vue实现移动端拖动排序
Aug 21 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数组函数序列之array_flip() 将数组键名与值对调
2011/11/07 PHP
基于PHP文件操作的详解
2013/06/05 PHP
CodeIgniter配置之routes.php用法实例分析
2016/01/19 PHP
PHP面向对象之工作单元(实例讲解)
2017/06/26 PHP
PHP环形链表实现方法示例
2017/09/15 PHP
smarty模板的使用方法实例分析
2019/09/18 PHP
laravel 时间格式转时间戳的例子
2019/10/11 PHP
提高代码性能技巧谈—以创建千行表格为例
2006/07/01 Javascript
jQuery模拟新浪微博首页滚动效果的方法
2015/03/11 Javascript
JavaScript访问字符串中单个字符的两种方法
2015/07/03 Javascript
纯JS打造网页中checkbox和radio的美化效果
2016/10/13 Javascript
简单谈谈js的数据类型
2017/09/25 Javascript
Vue表单控件数据绑定方法详解
2020/02/05 Javascript
解决element-ui里的下拉多选框 el-select 时,默认值不可删除问题
2020/08/14 Javascript
[37:23]DOTA2上海特级锦标赛主赛事日 - 3 胜者组第二轮#2Secret VS EG第二局
2016/03/04 DOTA
使用python编写批量卸载手机中安装的android应用脚本
2014/07/21 Python
Python之ReportLab绘制条形码和二维码的实例
2018/01/15 Python
pytorch 归一化与反归一化实例
2019/12/31 Python
Python3查找列表中重复元素的个数的3种方法详解
2020/02/13 Python
python 如何在测试中使用 Mock
2021/03/01 Python
HTML5 embed标签定义和用法详解
2014/05/09 HTML / CSS
总结html5自定义属性有哪些
2020/04/01 HTML / CSS
贝尔帐篷精品店:Bell Tent Boutique
2019/06/12 全球购物
德国排名第一的主题公园门票网站:Attraction Tickets Direct
2019/09/09 全球购物
五一服装活动方案
2014/01/11 职场文书
《童年》教学反思
2014/02/18 职场文书
文明和谐家庭事迹材料
2014/05/18 职场文书
校庆标语集锦
2014/06/25 职场文书
个人授权委托书
2014/09/15 职场文书
党的群众路线教育实践活动个人对照检查材料(医生)
2014/11/05 职场文书
2014最新股权信托合同协议书
2014/11/18 职场文书
教师党员承诺书2015
2015/01/21 职场文书
乡镇保密工作承诺书
2015/05/04 职场文书
机关干部纪律作风整顿心得体会
2016/01/23 职场文书
七年级写作指导之游记作文
2019/10/07 职场文书
Nginx 反向代理解决跨域问题多种情况分析
2022/01/18 Servers