vue 工具函数的封装 时间格式化函数

时间代码格式化工具函数的封装

小伙伴们,多封点工具函数,多封装点公共组件,多写点公共样式,照顾下互联网行业的新人把。。。。~~~~~

/** yyyymmdd(new Date) -> "2018-07-23" */
export function yyyymmdd(date, delimiter = '-') {  // 曝光函数出去 在需要用得地方引入这个文件 { yyyymmdd } 这种方式引入 yyyymmdd() // 直接传入参数
	const yyyy = date.getFullYear().toString(); 
	const mm = (date.getMonth() + 1).toString();
	const dd = date.getDate().toString();
	return yyyy + delimiter + (mm[1] ? mm : `0${mm[0]}`)
		+ delimiter + (dd[1] ? dd : `0${dd[0]}`);
}

滚动动画函数

export function scroll_to(el, from = 0, to, duration = 500) {
	function callback() {
		return window.setTimeout(callback, 1000 / 60);
	}

	if (!window.requestAnimationFrame) {
		window.requestAnimationFrame = (
			window.webkitRequestAnimationFrame
			|| window.mozRequestAnimationFrame
			|| window.msRequestAnimationFrame
			|| callback
		);
	}
	const difference = Math.abs(from - to);
	const scroll_step = Math.ceil(difference / duration * 50);

	function scroll(start, end, step) {
		if (start === end) {
			return;
		}

		let d = (start + step > end) ? end : start + step;

		if (start > end) {
			d = (start - step < end) ? end : start - step;
		}

		if (el === window) {
			window.scrollTo(d, d);
		} else {
			el.scrollTop = d;
		}

		window.requestAnimationFrame(() => scroll(d, end, step));
	}

	scroll(from, to, scroll_step);
}

小编不容易点个赞再走把

posted @ 2019-12-03 17:38  des杜甫  阅读(2037)  评论(0编辑  收藏  举报