微信小程序 (六)模塊化詳細(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)文章
一篇文章學(xué)會(huì)jsBridge的運(yùn)行機(jī)制
JSBridge是一座用JavaScript搭建起來(lái)的橋,搭建這座橋的目的也很簡(jiǎn)單,讓native可以調(diào)用web的js代碼,讓web可以 “調(diào)用” 原生的代碼。本文主要通過(guò)分析源碼講解jsBridge的運(yùn)行機(jī)制,感興趣的朋友一起來(lái)看看吧2021-09-09
微信小程序 出現(xiàn)47001 data format error原因解決辦法
這篇文章主要介紹了微信小程序 出現(xiàn)47001 data format error原因解決辦法的相關(guān)資料,需要的朋友可以參考下2017-03-03
微信小程序 input表單與redio及下拉列表的使用實(shí)例
這篇文章主要介紹了微信小程序 input表單與redio及下拉列表的使用實(shí)例的相關(guān)資料,希望通過(guò)本文能幫助到大家,需要的朋友可以參考下2017-09-09
前端面試必會(huì)網(wǎng)絡(luò)跨域問(wèn)題解決方法
這篇文章主要為大家介紹了前端面試必會(huì)的網(wǎng)絡(luò)跨域問(wèn)題解決方法講解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-07-07
Servlet3.0與純javascript通過(guò)Ajax交互的實(shí)例詳解
Servlet與純javascript通過(guò)Ajax交互,對(duì)于很多人來(lái)說(shuō)應(yīng)該很簡(jiǎn)單。不過(guò)還是寫寫,方便Ajax學(xué)習(xí)的后來(lái)者2018-03-03

