js函数库

1、获取浏览器滚动条滚出长度

// 获取浏览器滚动条宽高
function getWindowScrollHW() {
  let _scrollHW = {};
// 谷歌浏览器支持window.pageXOffset/pageYOffset
  window.pageXOffset ?  _scrollHW = {
    x: window.pageXOffset,
    y: window.pageYOffset
  } : _scrollHW = {
    x: document.documentElement.scrollLeft || document.body.scrollLeft,
    y: document.documentElement.scrollTop || document.body.scrollTop,
  };
  return _scrollHW;
}

2、封装时间函数：1H内显示xx分钟前，1H上24H内显示xx小时前，超过24H显示具体日期。 (仅在浏览器中适用)

// 发布时间：1H内显示xx分钟前，1H上24H内显示xx小时前，超过24H显示具体日期。
function preTime(publishTime) {
	if(publishTime instanceof Date) {
		let _publishTime = publishTime.getTime();
		let _nowDate = new Date();
		let _nowTime = _nowDate.getTime();
		let differenceTime = _nowTime - _publishTime;
        // 定义1小时时间戳
		let oneHour = 1000 * 60 * 60;    
        // 定义24小时时间戳
		let tfHours = 1000 * 60 * 60 * 24;
		console.log(differenceTime);
        // 1H内显示xx分钟前
		if(differenceTime < oneHour) {
			return `${(differenceTime/1000/60).toFixed(0)}分钟前`
		} 
        // 1H上24H内显示xx小时前
		if(differenceTime < tfHours) {
			return `${(differenceTime/1000/60/60).toFixed(0)}小时前`
		} 
        // 超过24H显示具体日期
		let _year = publishTime.getFullYear();
		let _month = publishTime.getMonth() + 1;
		let _day = publishTime.getDate();
		return `${_year}/${_month}/${_day}`
	} else {
		throw new Error('参数dateObj不是Date实例')
	}
}

3、"YYYY-MM"格式时间加减

 // 上个月下个月 mark标记 date日期对象
 function getUpOrDownMonth(mark, date) {
    // date 是当前是YYYY-MM的格式 比如 "2020-08"
    let reg = /^\d{4}\-\d{2}$/;
    if(typeof mark !== "number"){
      console.log("传入的mark格式应该为数字类型");
      return;
    }
    if(!date.match(reg)) {
      console.log("传入的date格式不为 'YYYY-MM'");
      return;
    }
    let _splitDate = date.split("-");
    let _year = Number(_splitDate[0]);
    let _month = Number(_splitDate[1]);
    if (mark < 0) {
      // 定义如果mark小于0 为上一个月，首先判断月份为1的时候，如果是1，设置当前月份为12，这时候年份需要减一；否则月份减一并且月份小于10时补0，年份不变
      _month === 1 ? ((_month = 12), _year--) : _month--;
      _month < 10 ? (_month = `0${_month}`) : "";
    } else {
      // 定义如果mark大于0 为下一个月，首先判断月份为12的时候，如果是12，设置当前月份为1，这时候年份需要加一；否则月份加一并且月份小于10时补0，年份不变
      _month === 12 ? ((_month = 1), _year++) : _month++;
      _month < 10 ? (_month = `0${_month}`) : "";
    }
    // 经过上一个月或者下一个月的处理 设置当前时间即可
    return `${_year}-${_month}`;
}

4、封装窗口尺寸(window)的宽高方法

// 封装窗口尺寸(window)的宽高方法 window.innerHieght/ innerWidth ie9及以上兼容; ie8 及以下: 标准模式: CSS1Compat document.documentElement.clientWidth/clientHeight
// 混杂模式: BackCompat document.body.clientWidth/clientHeight
function getViewportHW() {
  let _viewportHW = {};
  window.innerWidth ? _viewportHW= {
    x: window.innerWidth,
    y: window.innerHeight
  } : (document.compatMode === "BackCompat" ) ? _viewportHW= {
    x: window.innerWidth,
    y: window.innerHeight
  } : _viewportHW = {
    x: window.innerWidth,
    y: window.innerHeight
  }
  return _viewportHW;
}