微信小程序 （六）模塊化詳細(xì)介紹
模塊化也就是將一些通用的東西抽出來(lái)放到一個(gè)文件中，通過(guò)module.exports去暴露接口。我們?cè)谧畛跣陆?xiàng)目時(shí)就有個(gè)util.js文件就是被模塊化處理時(shí)間的
/**
* 處理具體業(yè)務(wù)邏輯
*/
function formatTime(date) {
//獲取年月日
var year = date.getFullYear()
var month = date.getMonth() + 1
var day = date.getDate()
//獲取時(shí)分秒
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
}
/**
* 模塊化導(dǎo)出暴露接口
*/
module.exports = {
formatTime: formatTime
}
使用方式：
//導(dǎo)入模塊化方式
var util = require('../../utils/util.js')
Page({
data: {
logs: []
},
onLoad: function () {
this.setData({
logs: (wx.getStorageSync('logs') || []).map(function (log) {
// 通過(guò)暴露的接口調(diào)用模塊化方法
return util.formatTime(new Date(log))
})
})
}
})
相關(guān)文章：
hello WeApp icon組件
Window text組件 switch組件
tabBar底部導(dǎo)航 progress組件 action-sheet
應(yīng)用生命周期 button組件 modal組件
頁(yè)面生命周期 checkbox組件 toast組件
模塊化詳 form組件詳 loading 組件
數(shù)據(jù)綁定 input 組件 navigator 組件
View組件 picker組件 audio 組件
scroll-view組件 radio組件 video組件
swiper組件 slider組件 Image組件
相關(guān)文章
TypeScript?學(xué)習(xí)筆記之?typeScript類(lèi)定義,類(lèi)的繼承,類(lèi)成員修飾符
這篇文章主要介紹了TypeScript?學(xué)習(xí)筆記之?typeScript類(lèi)定義,類(lèi)的繼承,類(lèi)成員修飾符,typeScript?支持面向?qū)ο蟮乃刑匦?，比如?lèi)、接口等,下文詳細(xì)內(nèi)容，需要的小伙伴可以參考一下2022-02-02
微信小程序 數(shù)組（增，刪，改，查）等操作實(shí)例詳解
這篇文章主要介紹了微信小程序 數(shù)組（增，刪，改，查）等操作實(shí)例詳解的相關(guān)資料,這里對(duì)小程序的數(shù)組進(jìn)行操作，簡(jiǎn)單實(shí)例，需要的朋友可以參考下2017-01-01
ComponentLoader?與動(dòng)態(tài)組件實(shí)例詳解
這篇文章主要為大家介紹了ComponentLoader?與動(dòng)態(tài)組件實(shí)現(xiàn)實(shí)例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-05-05
這篇文章主要為大家介紹了Ant Design 的Bug修復(fù)示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-10-10
微信小程序使用navigateTo數(shù)據(jù)傳遞的實(shí)例
這篇文章主要介紹了微信小程序使用navigateTo數(shù)據(jù)傳遞的實(shí)例的相關(guān)資料,希望通過(guò)本文能幫助到大家，需要的朋友可以參考下2017-09-09
詳解無(wú)界微前端是如何渲染子應(yīng)用的demo解析
這篇文章主要為大家介紹了詳解無(wú)界微前端是如何渲染子應(yīng)用demo解析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-04-04
這篇文章主要介紹了微信小程序 繪圖之餅圖實(shí)現(xiàn)的相關(guān)資料,需要的朋友可以參考下2016-10-10
這篇文章主要介紹了微信小程序 地圖map實(shí)例詳解的相關(guān)資料,需要的朋友可以參考下2017-06-06
微信小程序 scroll-view實(shí)現(xiàn)上拉加載與下拉刷新的實(shí)例
這篇文章主要介紹了微信小程序 scroll-view實(shí)現(xiàn)上拉加載與下拉刷新的實(shí)例的相關(guān)資料,需要的朋友可以參考下2017-01-01
微信小程序 獲取session_key和openid的實(shí)例
這篇文章主要介紹了微信小程序 獲取session_key和openid的實(shí)例的相關(guān)資料,希望能通過(guò)本文幫助到大家實(shí)現(xiàn)這樣的功能，需要的朋友可以參考下2017-08-08