1.日期事件格式化在tools文件内部（几分钟后的时间，格式化方式）

  1. // 1.日期事件格式化在tools文件内部（几分钟后的时间，格式化方式）
  2. export const lastformartTime = (time, rule = 'yyyy-mm-dd hh:mm:ss') => {
  3.   let date = new Date();
  4.   let min = date.getMinutes();
  5.   date.setMinutes(min + time);
  6.   let getYear = date.getFullYear().toString();
  7.   let getMonth = (date.getMonth() + 1).toString().padStart(2, '0');
  8.   let getDate = date.getDate().toString().padStart(2, '0');
  9.   let getHours = date.getHours().toString().padStart(2, '0');
  10.   let getMinutes = date.getMinutes().toString().padStart(2, '0');
  11.   let getSeconds = date.getSeconds().toString().padStart(2, '0');
  12.   if (rule == 'yyyy-mm-dd hh:mm:ss') {
  13.     return `${getYear}-${getMonth}-${getDate} ${getHours}:${getMinutes}:${getSeconds}`
  14.   } else if (rule == 'yyyy-mm-dd') {
  15.     return `${getYear}-${getMonth}-${getDate}`
  16.   }
  17. }
  18. // 使用
  19. import { lastformartTime } from "../../libs/tools";
  20. lastformartTime(5)

2.获取url参数

  1. // 2.获取url参数
  2. export const getUrlParams = () => {
  3.     let url = decodeURI(window.location.hash);
  4.     let urlParams = new Object();
  5.     if (url.indexOf("?") != -1) {
  6.       let str = url.substr(url.indexOf("?") + 1).split("&");
  7.       for (let i = 0; i < str.length; i++) {
  8.         urlParams[str[i].split("=")[0]] = unescape(str[i].split("=")[1]);
  9.       }
  10.     }
  11.     return urlParams
  12.   }

3.在js的prototype上定义方法

  1. // 1.手机号码格式化为344
  2. String.prototype.phoneFormat = function () {
  3.     var str = this
  4.     if (str.length == 0) {
  5.         return str
  6.     } else if ( str.length == 11) {
  7.         str = str.substr(0, 3) + '-' + str.substr(3, 4) + '-' + str.substr(7, 4);
  8.     }
  9.     return str
  10. }
  11. // 使用时
  12. ('18336916987').phoneFormat()
  14. // 2.金额按照万分位格式化
  15. String.prototype.priceFormat = function () {
  16.     var str = this
  17.     return (str).replace(/(\d{1,4})(?=(\d{4})+(?:$|\.))/g,'$1,');
  18. }
  19. (price+'').priceFormat()
  1. // 取整， 使用按位运算符
  2. function toInt(num) {
  3.     return num | 0
  4. }
  5. console.log(toInt(1.8))        // 1
  6. console.log(toInt(1.23232))    // 1
  7. // 取整 （位运算花样取整）
  8. ~~(-5.88) // -5
  10. // 判断奇偶
  11. return number & 1 === 1
  13. // 交换两个变量的值(不用第三个变量)
  14. let a = 1,
  15.     b = 2;
  16. a = a ^ b;
  17. b = a ^ b; // 1
  18. a = a ^ b; // 2
  21. /**
  22. * 压缩图片
  23. * @param file 图片文件
  24. * @param callback 回调函数，压缩完要做的事，例如ajax请求等。
  25. */
  26. compressFile(file, callback) {
  27.   let fileObj = file;
  28.   let reader = new FileReader();
  29.   reader.readAsDataURL(fileObj); //转base64
  30.   reader.onload = function (e) {
  31.     let image = new Image(); //新建一个img标签（还没嵌入DOM节点)
  32.     image.src = e.target.result;
  33.     image.onload = function () {
  34.       let canvas = document.createElement("canvas"), // 新建canvas
  35.           context = canvas.getContext("2d"),
  36.           imageWidth = image.width / 4, //压缩后图片高度和宽度
  37.           imageHeight = image.height / 5,
  38.           data = "";
  39.       canvas.width = imageWidth;
  40.       canvas.height = imageHeight;
  41.       context.drawImage(image, 0, 0, imageWidth, imageHeight);
  42.       data = canvas.toDataURL("image/jpeg", 0.1); // 0.1压缩至以前的0.1倍
  43.       let arr = data.split(","),
  44.           mime = arr[0].match(/:(.*?);/)[1], // 转成blob
  45.           bstr = atob(arr[1]),
  46.           n = bstr.length,
  47.           u8arr = new Uint8Array(n);
  48.       while (n--) {
  49.         u8arr[n] = bstr.charCodeAt(n);
  50.       }
  51.       let files = new window.File(
  52.         [new Blob([u8arr], { type: mime })],
  53.         "test.jpeg",
  54.         { type: "image/jpeg" }
  55.       ); // 转成file
  56.       callback(files); // 回调
  57.     };
  58.   };
  59. },
  63. /**
  64.  * dataURL转file
  65.  * @param {*} dataUrl 
  66.  * @param {String} filename 文件名
  67.  * @param {String} filetype 文件类型
  68.  */
  69. export const dataURLtoFile = (dataUrl, filename, filetype = 'image/jpeg') => {
  70.     // 获取到base64编码
  71.     const arr = dataUrl.split(',');
  72.     // 将base64编码转为字符串
  73.     const bstr = window.atob(arr[1]);
  74.     let n = bstr.length;
  75.     const u8arr = new Uint8Array(n); // 创建初始化为0的，包含length个元素的无符号整型数组
  76.     while (n--) {
  77.         u8arr[n] = bstr.charCodeAt(n);
  78.     }
  79.     return new File([u8arr], filename, {
  80.         type: filetype,
  81.     });
  82. };
  85. /**
  86.  * 拷贝数据
  87.  * @param {} 
  88.  */
  89. // 定义一个深拷贝函数  接收目标target参数
  90. export function deepClone(target) {
  91.     // 定义一个变量
  92.     let result;
  93.     // 如果当前需要深拷贝的是一个对象的话
  94.     if (typeof target === 'object') {
  95.         // 如果是一个数组的话
  96.         if (Array.isArray(target)) {
  97.             result = []; // 将result赋值为一个数组，并且执行遍历
  98.             for (let i in target) {
  99.                 // 递归克隆数组中的每一项
  100.                 result.push(deepClone(target[i]))
  101.             }
  102.             // 判断如果当前的值是null的话；直接赋值为null
  103.         } else if (target === null) {
  104.             result = null;
  105.             // 判断如果当前的值是一个RegExp对象的话，直接赋值    
  106.         } else if (target.constructor === RegExp) {
  107.             result = target;
  108.         } else {
  109.             // 否则是普通对象，直接for in循环，递归赋值对象的所有值
  110.             result = {};
  111.             for (let i in target) {
  112.                 result[i] = deepClone(target[i]);
  113.             }
  114.         }
  115.         // 如果不是对象的话，就是基本数据类型，那么直接赋值
  116.     } else {
  117.         result = target;
  118.     }
  119.     // 返回最终结果
  120.     return result;
  121. }
  124. /**
  125.  * 
  126.  * @param {Bold} img 图片流 
  127.  * @param {Function} callback 回调 
  128.  */
  129. export function getBase64(img, callback) {
  130.     const reader = new FileReader();
  131.     reader.addEventListener('load', () => callback(reader.result));
  132.     reader.readAsDataURL(img);
  133. }
  134. /**
  135.  *  oss上传图片时转化为buffer
  136.  * @param {bold} img 图片流 
  137.  * @returns {OSSBuffer} buffer对象
  138.  */
  139. export function readFileAsBuffer(file) {
  140.     const reader = new FileReader();
  141.     return new Promise((resolve) => {
  142.         reader.readAsDataURL(file);
  143.         reader.onload = function () {
  144.         const base64File = reader.result.replace(
  145.             /^data:\w+\/\w+;base64,/,
  146.             ""
  147.         );
  148.         resolve(new OSS.Buffer(base64File, "base64"));
  149.         };
  150.     });
  151. }/**
  152.  * 创建一个带有过期时间的session
  153.  * @param {String} key 设置localstorage的key
  154.  * @param {String} value 设置localstorage的value
  155.  */
  156. export function setSession(key, value) {
  157.     const curTime = Date.now();
  158.     localStorage.setItem(key, JSON.stringify({ data: value, time: curTime }));
  159. }
  161. // 判断值是否为空
  162. export function isEmpty(type) {
  163.     return [null, undefined, ""].includes(type);
  164. };
  165. /**
  166.  * 函数节流
  167.  * @param {Function} fn 执行函数
  168.  * @param {Number} ms  //倒计时时间
  169.  */
  170. export function debounce(fn, ms = 500) {
  171.     let timeoutId
  172.     return function () {
  173.         clearTimeout(timeoutId)
  174.         timeoutId = setTimeout(() => {
  175.             fn.apply(this, arguments)
  176.         }, ms)
  177.     }
  178. }
  179. /**
  180.  * 根据key和过期时间获取session
  181.  * @param {String} key 获取localstorage的key
  182.  * @param {Number} exp localstorage 的过期时间
  183.  * return {String} localstorage key 对应的值
  184.  */
  185. export function getSession(key, exp) {
  186.     const data = localStorage.getItem(key);
  187.     if (!data) {
  188.         return '';
  189.     }
  190.     const dataObj = JSON.parse(data);
  191.     if (!isEmpty(exp) && new Date().getTime() - dataObj.time > exp) {
  192.         return '';
  193.     }
  194.     return dataObj.data;
  195. }
  197. /**
  198. * 删除一个session
  199. * @param {String} key
  200. */
  201. export function destroySession(key) {
  202.     localStorage.removeItem(key);
  203. }

4.判断数据类型

  1. const isType = type => target => `[object ${type}]` === Object.prototype.toString.call(target)
  2. const isString = isType('String')
  3. const isNumber = isType('Number')
  4. const isSymbol = isType('Symbol')
  5. const isUndefined = isType('Undefined')
  6. const isNull = isType('Null')
  7. const isFunction = isType('Function')
  8. const isDate = isType('Date')
  9. const isArray = isType('Array')
  10. const isRegExp = isType('RegExp')
  11. const isError = isType('Error')
  12. const isHTMLDocument = isType('HTMLDocument')
  13. const isglobal = isType('global')