微信小程序(十九)utils文件的使用

简介: 封装一些公共函数文件,这个其实放到哪里都可以,app.js等等但是,本着专用的原则,我们还是使用小程序为我们提供的公共代码的存放模块utils/utils.js,当然,你还可以在这个目录下边新建其他的文件,但是用法大同小异。首先要注意一个问题,utils是一个模块。

想封装一些公共函数文件,这个其实放到哪里都可以,app.js等等

但是,本着专用的原则,我们还是使用小程序为我们提供的公共代码的存放模块utils/utils.js,当然,你还可以在这个目录下边新建其他的文件,但是用法大同小异。

首先要注意一个问题,utils是一个模块。

模块只有通过 module.exports 或者 exports 才能对外暴露接口。 所以当你在util.js里封装的方法想要在外部使用的话,必须通过 module.exports 或者 exports 对外暴露

javascript

复制代码

module.exports = {
  formatTime: formatTime
}

如何在需要使用这些模块的文件中使用:使用 require(path) 将公共代码引入

javascript

复制代码

const utils = require('../../utils/util');

下边是我的utils.js文件,我在其中封装了一个加载中的公共函数

javascript

复制代码

function showToast(title,time)
{
  wx.showToast({
    title:title,
    icon: 'loading',//图标,支持"success"、"loading" 
    // image: '/images/load.gif',
    duration: time,//提示的延迟时间,单位毫秒,默认:1500 
    mask: true,//是否显示透明蒙层,防止触摸穿透,默认:false 
  });
}
module.exports = {
  formatTime: formatTime,
  showToast:showToast
}

调用:

javascript

复制代码

utils.showToast('敬请期待~',1500);

以上大概就是utils的基本使用方法

欢迎访问个人博客:guanchao.site

欢迎访问我的小程序:打开微信->发现->小程序->搜索“时间里的”

目录
相关文章
|
6月前
|
小程序 前端开发 数据可视化
微信小程序云开发入门教程-全局文件介绍
微信小程序云开发入门教程-全局文件介绍
|
3月前
|
小程序 前端开发
|
4月前
|
移动开发 小程序 前端开发
uniap开发微信小程序如何在线预览pdf文件
这是一段关于在线预览和处理PDF的多方案说明,包括使用JavaScript库PDF.js(如`pdfh5.js`)实现H5页面预览,提供QQ群和技术博客链接以获取帮助和支持。还介绍了两个适用于Uni-app的插件,一个用于H5、小程序和App中的PDF预览和下载,另一个专门解决手机端PDF预览问题。此外,还详细描述了在Uni-app中使用微信小程序API`wx.openDocument`显示PDF的步骤,包括上传文件、配置权限和编写代码。
|
6月前
|
JSON 小程序 JavaScript
微信小程序有几个文件
微信小程序有几个文件
|
4月前
|
XML Java 数据格式
支付系统----微信支付20---创建案例项目--集成Mybatis-plus的补充,target下只有接口的编译文件,xml文件了,添加日志的写法
支付系统----微信支付20---创建案例项目--集成Mybatis-plus的补充,target下只有接口的编译文件,xml文件了,添加日志的写法
|
4月前
|
前端开发
支付系统--微信支付21--搭建前端环境,payment-demo-front这个项目文件夹是前端显示文件,payment-demo是后端项目,支付页面常见三个页面:购买课程,我的订单,下载账单
支付系统--微信支付21--搭建前端环境,payment-demo-front这个项目文件夹是前端显示文件,payment-demo是后端项目,支付页面常见三个页面:购买课程,我的订单,下载账单
|
6月前
|
小程序 开发工具 开发者
【微信小程序】微信开发者工具 引用 vant-weapp时“miniprogram/node_modules/@babel/runtime/index.js: 未找到npm包入口文件” 解决办法
【微信小程序】微信开发者工具 引用 vant-weapp时“miniprogram/node_modules/@babel/runtime/index.js: 未找到npm包入口文件” 解决办法
396 1
|
6月前
|
缓存 小程序 API
【社区每周】新增保存文件到系统储存空间API;小程序开发体验问卷调研发布
【社区每周】新增保存文件到系统储存空间API;小程序开发体验问卷调研发布
80 11
|
6月前
|
小程序 JavaScript 前端开发
微信小程序有几个文件
微信小程序通常由多个文件组成,主要包括以下几种类型的文件:
137 1
|
6月前
|
JSON 小程序 前端开发
简单描述下微信小程序的相关文件以及类型?
简单描述下微信小程序的相关文件以及类型?
123 1
下一篇
无影云桌面