微信小程序(十九)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

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

目录
相关文章
|
2月前
|
小程序 前端开发 数据可视化
微信小程序云开发入门教程-全局文件介绍
微信小程序云开发入门教程-全局文件介绍
|
6月前
|
JavaScript 前端开发 小程序
mpvue踩坑-微信开发工具无法支持vue文件
mpvue踩坑-微信开发工具无法支持vue文件
56 0
|
6月前
|
小程序 API
uniapp小程序选择文件并上传到uniCloud
uniapp小程序选择文件并上传到uniCloud
155 0
|
4月前
|
JSON 小程序 JavaScript
微信小程序有几个文件
微信小程序有几个文件
|
3月前
|
缓存 小程序 API
【社区每周】新增保存文件到系统储存空间API;小程序开发体验问卷调研发布
【社区每周】新增保存文件到系统储存空间API;小程序开发体验问卷调研发布
43 0
|
4月前
|
小程序 JavaScript 前端开发
微信小程序有几个文件
微信小程序通常由多个文件组成,主要包括以下几种类型的文件:
78 1
|
5月前
|
JSON 小程序 前端开发
简单描述下微信小程序的相关文件以及类型?
简单描述下微信小程序的相关文件以及类型?
74 1
|
6月前
|
JSON JavaScript 小程序
微信小程序从零开始开发步骤(七)引入外部js 文件
微信小程序从零开始开发步骤(七)引入外部js 文件
389 0
|
19天前
|
小程序 前端开发 API
微信小程序全栈开发中的异常处理与日志记录
【4月更文挑战第12天】本文探讨了微信小程序全栈开发中的异常处理和日志记录,强调其对确保应用稳定性和用户体验的重要性。异常处理涵盖前端(网络、页面跳转、用户输入、逻辑异常)和后端(数据库、API、业务逻辑)方面;日志记录则关注关键操作和异常情况的追踪。实践中,前端可利用try-catch处理异常,后端借助日志框架记录异常,同时采用集中式日志管理工具提升分析效率。开发者应注意安全性、性能和团队协作,以优化异常处理与日志记录流程。
|
19天前
|
小程序 安全 数据安全/隐私保护
微信小程序全栈开发中的身份认证与授权机制
【4月更文挑战第12天】本文探讨了微信小程序全栈开发中的身份认证与授权机制。身份认证包括手机号验证、微信登录和第三方登录,而授权机制涉及角色权限控制、ACL和OAuth 2.0。实践中,开发者可利用微信登录获取用户信息,集成第三方登录,以及实施角色和ACL进行权限控制。注意点包括安全性、用户体验和合规性,以保障小程序的安全运行和良好体验。通过这些方法,开发者能有效掌握小程序全栈开发技术。