当前位置：首页 > 资讯 > 技术文档

微信小程序（六）模块化详细介绍

时间：2021-10-05 12:01 编辑：来源：阅读：
扫一扫，手机访问

摘要：微信小程序（六）模块化详细介绍

模块化也就是将一些通用的东西抽出来放到一个文件中，通过module.exports去暴露接口。我们在最初新建项目时就有个util.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
}

[b]使用方式：[/b]

//导入模块化方式
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))
 })
 })
 }
})

[b]相关文章：[/b] [url=http://www.1sucai.cn/article/93584.htm]hello WeApp [/url] [url=http://www.1sucai.cn/article/93618.htm]icon组件 Window [/url] [url=http://www.1sucai.cn/article/93627.htm]text组件[/url] [url=http://www.1sucai.cn/article/93655.htm]switch组件[/url] [url=http://www.1sucai.cn/article/93592.htm]tabBar底部导航[/url] [url=http://www.1sucai.cn/article/93629.htm] progress组件[/url] [url=http://www.1sucai.cn/article/93656.htm]action-sheet[/url] [url=http://www.1sucai.cn/article/93598.htm]应用生命周期[/url] [url=http://www.1sucai.cn/article/93632.htm]button组件[/url] [url=http://www.1sucai.cn/article/93672.htm]modal组件页面生命周期[/url] [url=http://www.1sucai.cn/article/93634.htm]checkbox组件 [/url] [url=http://www.1sucai.cn/article/93675.htm]toast组件[/url] [url=http://www.1sucai.cn/article/93603.htm]模块化详 [/url] [url=http://www.1sucai.cn/article/93637.htm]form组件详 [/url] [url=http://www.1sucai.cn/article/93679.htm] loading 组件数据绑定[/url] [url=http://www.1sucai.cn/article/93643.htm]input 组件[/url] [url=http://www.1sucai.cn/article/93680.htm]navigator 组件[/url] [url=http://www.1sucai.cn/article/93611.htm]View组件[/url] [url=http://www.1sucai.cn/article/93645.htm]picker组件[/url] [url=http://www.1sucai.cn/article/93681.htm] audio 组件[/url] [url=http://www.1sucai.cn/article/93612.htm]scroll-view组件[/url] [url=http://www.1sucai.cn/article/93649.htm]radio组件[/url] [url=http://www.1sucai.cn/article/93690.htm] video组件[/url] [url=http://www.1sucai.cn/article/93616.htm]swiper组件[/url] [url=http://www.1sucai.cn/article/93654.htm]slider组件[/url] [url=http://www.1sucai.cn/article/93688.htm] Image组件[/url]

全部评论(0)

上一篇：微信小程序（十五）checkbox组件详细介绍
下一篇：微信小程序教程之本地图片上传(leancloud)实例详解

资讯排行榜
更多>>

微信小程序 （六）模块化详细介绍

微信小程序（六）模块化详细介绍