前端一些常用工具类封装--持续更新

http请求封装及使用

http.js

class HTTP {
  request({ url, data = {}, method = 'GET', isToken=false}) {
    return new Promise((resolve, reject) => {
      this._request(url, resolve, reject, data, method,isToken);
    })
  }
  _request(url, resolve, reject, data = {}, method = 'GET',isToken=false) {
    var reqHeader = {
      'content-type': 'application/json',
    }
    if (wx.getStorageSync('token')) {
      reqHeader['access_token'] = wx.getStorageSync('token')
    } else if (isToken){
      wx.showToast({
        title:'未授权登录',
        icon: 'none',
        duration: 2000
      })
      return;
    }
    wx.request({
      url: config.apiBaseUrl + url, //config下为baseurl定义路径
      method: method,
      data: data,
      header: reqHeader,
      success: (res) => {
        let code = res.statusCode.toString();
        if (code.startsWith('2')) {
          resolve(res.data)
        } else {
          reject()
          let error_code = res.data.error_code
          // this._show_error(error_code)
        }
      },
      fail: (res) => {
        reject()
      }
    })
  }
}
export { HTTP }

model.js

this.request为小程序内置api请求，可替换axios之类请求

import { HTTP } from '/http.js'

class UserModel extends HTTP {
  tologin(data) {
    return this.request({
      url: config.plusMember + '/wechat/member/login',
      method: 'POST',
      data: data
    })
  }
  //获取用户信息
  getUserInfo() {
    return this.request({
      url: config.plusMember + '/wechat/member/user-info',
      method: 'get'
    })
  }
}

export { Model }

example.js

import { Model } from '/models.js'
const model = new Model();
let param={}
userModel.tologin(param).then((resp) => {
     console.log(resp)
})

timeago (时间转换----几小时前，几天前)

//datetime 格式为2019-11-22 12:23:59样式
//将时间转换成几天前，几个月前，几小时前等
timeago(datetime) {
        //dateTimeStamp是一个时间毫秒，注意时间戳是秒的形式，在这个毫秒的基础上除以1000，就是十位数的时间戳。13位数的都是时间毫秒。
	let dateTimeStamp = Date.parse(datetime.replace(/-/gi, "/"));
	let minute = 1000 * 60; //把分，时，天，周，一个月用毫秒表示
	let hour = minute * 60; 
	let day = hour * 24;
	let week = day * 7;
	let month = day * 30;
	let now = new Date().getTime(); //获取当前时间毫秒
	let diffValue = now - dateTimeStamp; //时间差
	if (diffValue < 0) {
		return '刚刚';
	}
	let minC = diffValue / minute; //计算时间差的分，时，天，周，月
	let hourC = diffValue / hour;
	let dayC = diffValue / day;
	let weekC = diffValue / week;
	let monthC = diffValue / month;
	let result = "2";
	if (monthC >= 1 && monthC <= 3) {
		result = " " + parseInt(monthC) + "月前"
	} else if (weekC >= 1 && weekC <= 3) {
		result = " " + parseInt(weekC) + "周前"
	} else if (dayC >= 1 && dayC <= 6) {
		result = " " + parseInt(dayC) + "天前"
	} else if (hourC >= 1 && hourC <= 23) {
		result = " " + parseInt(hourC) + "小时前"
	} else if (minC >= 1 && minC <= 59) {
		result = " " + parseInt(minC) + "分钟前"
	} else if (diffValue >= 0 && diffValue <= minute) {
		result = "刚刚"
	} else {
		let datetime = new Date();
		datetime.setTime(dateTimeStamp);
		let Nyear = datetime.getFullYear(); {}
		let Nmonth = datetime.getMonth() + 1 < 10 ? "0" + (datetime.getMonth() + 1) : datetime.getMonth() + 1;
		let Ndate = datetime.getDate() < 10 ? "0" + datetime.getDate() : datetime.getDate();
		let Nhour = datetime.getHours() < 10 ? "0" + datetime.getHours() : datetime.getHours();
		let Nminute = datetime.getMinutes() < 10 ? "0" + datetime.getMinutes() : datetime.getMinutes();
		let Nsecond = datetime.getSeconds() < 10 ? "0" + datetime.getSeconds() : datetime.getSeconds();
		result = Nyear + "-" + Nmonth + "-" + Ndate
	}
	return result;
}

调用:this.timeago('2021-11-03 12:23:59')