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

2019-11-20 08:52:16

字体：大中小

来源：转载

供稿：网友

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

使用方式：

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