// 方案一
window.scrollTo({ top: 0, left: 0, behavior: "smooth" });

// 方案儿
const scrollToTop = (element) => element.scrollIntoView({ behavior: "smooth", block: "start" })。

// 方案一
window.scrollTo({
  top: document.documentElement.offsetHeight,
  left: 0,
  behavior: "smooth",
});

// 方案二
const scrollToBottom = (element) =>  element.scrollIntoView({ behavior: "smooth", block: "end" })

element.scrollIntoView({
  behavior: "smooth",
});

const fullScreen = (element) => {
  element = element || document.body;
  if (element.requestFullscreen) {
    element.requestFullscreen();
  } else if (element.mozRequestFullScreen) {
    element.mozRequestFullScreen();
  } else if (element.msRequestFullscreen) {
    element.msRequestFullscreen();
  } else if (element.webkitRequestFullscreen) {
    element.webkitRequestFullScreen();
  }
};

const exitFullscreen = () => {
  if (document.exitFullscreen) {
    document.exitFullscreen();
  } else if (document.msExitFullscreen) {
    document.msExitFullscreen();
  } else if (document.mozCancelFullScreen) {
    document.mozCancelFullScreen();
  } else if (document.webkitExitFullscreen) {
    document.webkitExitFullscreen();
  }
};

const getTypeof = (e) => {
  const type = Object.prototype.toString.call(e).match(/ (\w+)]/)
  return type[1].toLocaleLowerCase()
}

const stopPropagation = (event) => {
  event = event || window.event;
  if (event.stopPropagation) {
    event.stopPropagation();
  } else {
    event.cancelBubble = true;
  }
};

const deepClone = (obj, hash = new WeakMap()) => {
  if (hash.has(obj)) return hash.get(obj);
  if (obj instanceof Date) return new Date(obj)
  if (obj instanceof RegExp) return new RegExp(obj)
  if (typeof obj !== 'object') return obj
  const res = Array.isArray(obj) ? [...obj] : { ...obj }
  Object.keys(res).forEach(
    (key) => (res[key] = isObject(res[key]) ? deepClone(res[key]) : res[key])
  )
  return res
}
const isObject = (obj) => {
  return typeof obj === 'object' && typeof obj !== null
}

const setCookie = (key, value, expire) => {
  const d = new Date();
  d.setDate(d.getDate() + expire);
  document.cookie = `${key}=${value};expires=${d.toUTCString()}`;
};

const getCookie = (key) => {
  const cookieStr = unescape(document.cookie);
  const arr = cookieStr.split("; ");
  let cookieValue = "";
  for (let i = 0; i < arr.length; i++) {
    const temp = arr[i].split("=");
    if (temp[0] === key) {
      cookieValue = temp[1];
      break;
    }
  }
  return cookieValue;
};

const delCookie = (key) => {
  document.cookie = `${encodeURIComponent(key)}=;expires=${new Date()}`;
};

const randomString = (len) => {
  let chars = "ABCDEFGHJKMNPQRSTWXYZabcdefhijkmnprstwxyz123456789";
  let strLen = chars.length;
  let randomStr = "";
  for (let i = 0; i < len; i++) {
    randomStr += chars.charAt(Math.floor(Math.random() * strLen));
  }
  return randomStr;
};

const fistLetterUpper = (str) => {
  return str.charAt(0).toUpperCase() + str.slice(1);
};

const randomNum = (min, max) => Math.floor(Math.random() * (max - min + 1)) + min;

const shuffleArray = (arr) => arr.sort(() => Math.random() - 0.5)

const copyToClipboard = (text) => navigator.clipboard?.writeText && navigator.clipboard.writeText(text)

const isDarkMode = () =>
  window.matchMedia &&
  window.matchMedia("(prefers-color-scheme: dark)").matches

const generateRandomHexColor = () =>  \`#${Math.floor(Math.random() \* 0xffffff) .toString(16)}\`;

export const debounce = (() => {
  let timer = null
  return (callback, wait = 800) => {
    timer&&clearTimeout(timer)
    timer = setTimeout(callback, wait)
  }
})()


<!-- 使用 -->
debounce(() => {
  console.log('加载数据')
}, 500)

export const throttle = (() => {
  let last = 0
  return (callback, wait = 800) => {
    let now = +new Date()
    if (now - last > wait) {
      callback()
      last = now
    }
  }
})()

export const hideMobile = (mobile) => {
  return mobile.replace(/^(\d{3})\d{4}(\d{4})$/, "$1****$2")
}

export const getSearchParams = () => {
  const searchPar = new URLSearchParams(window.location.search)
  const paramsObj = {}
  for (const [key, value] of searchPar.entries()) {
    paramsObj[key] = value
  }
  return paramsObj
}

/** 
 * 1: ios
 * 2: android
 * 3: 其它
 */
export const getOSType=() => {
  let u = navigator.userAgent, app = navigator.appVersion;
  let isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1;
  let isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);
  if (isIOS) {
    return 1;
  }
  if (isAndroid) {
    return 2;
  }
  return 3;
}

/** 求和 */
array.reduce((a,b) => a+b);

/** 最小值 */
array.reduce((a,b) => a<b?a:b);

/** 最大值 */
array.reduce((a,b) => a>b?a:b);

<!-- 多条件|| -->
if( type == 1 || type == 2 || type == 3 || type == 4){}

<!-- 简化 -->
if([1,2,3,4].includes(type)){}

filter:grayscale(100%)

const isEmpty = obj => Reflect.ownKeys(obj).length === 0 && obj.constructor === Object;

const randomHexColor = () => `#${Math.floor(Math.random() * 0xffffff).toString(16).padEnd(6, "0")}`

const isTabActive = () => !document.hidden; 

const judgeDeviceType =
      () => /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|OperaMini/i.test(navigator.userAgent) ? 'Mobile' : 'PC';

const getSelectedText = () => window.getSelection().toString();