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

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

模块化也就是将一些通用的东西抽出来放到一个文件中，通过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();

//格式化日期

returnhttp:// [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

}

使用方式：

//导入模块化方式

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))

})

})

}

})

相关文章：

hello WeApp                      icon组件

Window                             text组件                                switch组件

tabBar底部导航                 progress组件                        action-sheet

应用生命周期                    button组件                            modal组件

页面生命周期                    checkbox组件                       toast组件

模块化详                           form组件详                            loading 组件

数据绑定                           input 组件                             navigator 组件

View组件                          picker组件                             audio 组件

scroll-view组件                 radio组件                              video组件

swiper组件                        slider组件                              Image组件

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。