Heim > WeChat-Applet > Mini-Programmentwicklung > WeChat Mini-Programm Modulare detaillierte Einführung

WeChat Mini-Programm Modulare detaillierte Einführung

高洛峰
Freigeben: 2017-02-17 10:31:13
Original
2295 Leute haben es durchsucht

In diesem Artikel werden hauptsächlich relevante Informationen zur detaillierten Einführung der WeChat-Miniprogramm-Modularisierung vorgestellt.

Bei der Modularisierung werden einige allgemeine Dinge extrahiert und in eine Datei module.exports eingefügt Schnittstellen freizulegen. Als wir das Projekt zum ersten Mal erstellten, gab es eine util.js-Datei, die modularisiert war

 /**
 * 处理具体业务逻辑
 */
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
}
Nach dem Login kopieren

Verwendung:

//导入模块化方式
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))
 })
 })
 }
})
Nach dem Login kopieren

Eine ausführlichere Einführung in die Modularisierung von WeChat-Miniprogrammen und verwandte Artikel finden Sie auf der chinesischen PHP-Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage