微信小程序开发初学:公共方法封装

utils.js文件为公共js文件,与app.wxss文件相似,每个页面都可以调用utils.js中的方法

1.在utils.js文件夹创建一个新的js文件,如common.js

2.在common.js中写入方法体

var common={   //注意格式
    getRealTime:function(pt){        //时间戳转换
        var time = pt*1000;          //将秒数转换为毫秒
        var timeDate = new Date(time);  //将毫秒数转化为真实时间
        // console.log(timeDate);
    
        var yy = timeDate.getFullYear();
        var m = timeDate.getMonth()+1;
        var mm = "";
        if(m<10){ mm="0"+m; }else{ mm=m; }
        var d = timeDate.getDate();
        var dd = "";
        if(d<10){ dd="0"+d; }else{ dd=d; }
    
        var date = yy+"-"+mm+"-"+dd;
        return date;
      },

    getStrLen:function(str1,len){  //标题处理方法
        if(str1.length>len){
            return str1.substr(0,len)+"...";
        }else{
            return str1;
        }
        
    }
}
//可以创建多个方法体 var common1={}, var common2={}   但要在别的页面调用需要用module.exports导出

module.exports=common;     //导出封装的方法体common,以便其他页面调用

3.在需要用到方法体的页面的js文件顶部写入

import common from "../../utils/common.js";
//导入方法体common
// 格式:    import 方法体名 from "方法体所在路径";

4.在页面的js代码中调用

onLoad: function (options) {
    wx.request({
      url: 'https://ku.qingnian8.com/school/list.php',
      data:{
        num:5
      },
      success:res=>{//数据请求成功
        // console.log(res.data);

        res.data.forEach(item => {     //遍历res.data数组,将posttime转化时间格式
          var p =item.posttime;
          item.posttime = common.getRealTime(p); //调用方法体common中的getRealTime()方法

          var s = item.title;
          item.title = common.getStrLen(s,20);
        });

        this.setData({
          newsList:res.data
        })
      }
    })
  },

5.运行结果
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

晚风也很浪漫

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值