首頁 > 微信小程式 > 小程式開發 > 微信小程式 模組化詳細介紹

微信小程式 模組化詳細介紹

高洛峰
發布: 2017-02-17 10:31:13
原創
2299 人瀏覽過

這篇文章主要介紹了微信小程式模組化詳細介紹的相關資料,需要的朋友可以參考下

模組化也就是將一些通用的東西抽出來放到一個文件中,透過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))
 })
 })
 }
})
登入後複製

請關注PHP中文網!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板