微信小程序 (六)模块化详细介绍

 更新时间:2016年09月27日 11:01:47   作者:顺子_RTFSC  
这篇文章主要介绍了微信小程序模块化详细介绍的相关资料,需要的朋友可以参考下
(福利推荐:【腾讯云】服务器最新限时优惠活动,云服务器1核2G仅99元/年、2核4G仅768元/3年,立即抢购>>>:9i0i.cn/qcloud

(福利推荐:你还在原价购买阿里云服务器?现在阿里云0.8折限时抢购活动来啦!4核8G企业云服务器仅2998元/3年,立即抢购>>>:9i0i.cn/aliyun

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

相关文章

  • 前端常见跨域解决方案(全)

    前端常见跨域解决方案(全)

    这篇文章主要介绍了前端常见跨域解决方案的相关内容,包括对跨域的解释,常见跨域场景以及跨域解决方案,内容丰富,需要的朋友可以参考下。
    2017-09-09
  • 使用PreloadJS加载图片资源的基础方法详解

    使用PreloadJS加载图片资源的基础方法详解

    PreloadJS是一个用来管理和协调相关资源加载的类库,它可以方便的帮助你预先加载相关资源简单点儿说就是一个加载插件,它可以做成页面异步加载且顶部会有进度条动画
    2020-02-02
  • 前端的状态管理(上)

    前端的状态管理(上)

    这篇文章主要讲解前端的状态管理,状态管理李娜就想到:Vuex、Redux、Flux、Mobx等等方案,不论哪种方案只要内容一多起来似乎都是令人头疼的问题,今天来聊一聊前端的状态管理,感兴趣的小伙伴可以参考参考下面文字具体内容
    2021-10-10
  • 微信小程序 网络API Websocket详解

    微信小程序 网络API Websocket详解

    这篇文章主要介绍了微信小程序 网络API Websocket详解的相关资料,需要的朋友可以参考下
    2016-11-11
  • 微信小程序 页面跳转事件绑定的实例详解

    微信小程序 页面跳转事件绑定的实例详解

    这篇文章主要介绍了微信小程序 页面跳转事件绑定的实例详解的相关资料,希望通过本文大家能够理解并应用小程序页面跳转及事件绑定的实例,需要的朋友可以参考下
    2017-09-09
  • JavaScript?CSS优雅实现网页多主题风格换肤功能详解

    JavaScript?CSS优雅实现网页多主题风格换肤功能详解

    这篇文章主要为大家介绍了JavaScript?CSS优雅的实现网页多主题风格换肤功能详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-02-02
  • JavaScript单例模式能不能去实例只留单原理解析

    JavaScript单例模式能不能去实例只留单原理解析

    这篇文章主要为大家介绍了JavaScript单例模式能不能去实例只留单原理解析,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-12-12
  • 微信小程序 animation API详解及实例代码

    微信小程序 animation API详解及实例代码

    这篇文章主要介绍了 微信小程序 animation API详解及实例代码的相关资料,需要的朋友可以参考下
    2016-10-10
  • TypeScript编写自动创建长度固定数组的类型工具详解

    TypeScript编写自动创建长度固定数组的类型工具详解

    这篇文章主要为大家介绍了TS编写自动创建长度固定数组的类型工具详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-08-08
  • JS实现layui?table筛选框记忆功能

    JS实现layui?table筛选框记忆功能

    这篇文章主要介绍了JS实现layui?table筛选框记忆功能,本案例放入本地缓存的方式,使用MutationObserver实现监控点击事件,需要的朋友可以参考下
    2022-01-01

最新评论

?


http://www.vxiaotou.com