日本開羅遊戲發表告玩家書,稱“中國代理嚴重侵權”
阿新 • • 發佈:2021-10-23
1. 獲取檔案字尾名
使用場景:上傳檔案判斷後綴名
/** * 獲取檔案字尾名 * @param {String} filename */ export function getExt(filename) { if (typeof filename == 'string') { return filename .split('.') .pop() .toLowerCase() } else { throw new Error('filename must be a string type') } }
使用方式
getExt("1.mp4") //->mp4
2. 複製內容到剪貼簿
export function copyToBoard(value) { const element = document.createElement('textarea') document.body.appendChild(element) element.value = value element.select() if (document.execCommand('copy')) { document.execCommand('copy') document.body.removeChild(element) return true } document.body.removeChild(element) return false }
使用方式:
copyToBoard('lalallala')
原理:
- 建立一個textare元素並呼叫select()方法選中
- document.execCommand('copy')方法,拷貝當前選中內容到剪貼簿。
3. 休眠多少毫秒
/** * 休眠xxxms * @param {Number} milliseconds */ export function sleep(ms) { return new Promise(resolve => setTimeout(resolve, ms)) } //使用方式 const fetchData=async()=>{ await sleep(1000) }
4. 生成隨機字串
/** * 生成隨機id * @param {*} length * @param {*} chars */ export function uuid(length, chars) { chars = chars || '0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ' length = length || 8 var result = '' for (var i = length; i > 0; --i) result += chars[Math.floor(Math.random() * chars.length)] return result }
使用方式
uuid()
使用場景:用於前端生成隨機的ID,畢竟現在的Vue和React都需要繫結key
5. 簡單的深拷貝
/** *深拷貝 * @export * @param {*} obj * @returns */ export function deepCopy(obj) { if (typeof obj != 'object') { return obj } if (obj == null) { return obj } return JSON.parse(JSON.stringify(obj)) }
缺陷:只拷貝物件、陣列以及物件陣列,對於大部分場景已經足夠
const person={name:'xiaoming',child:{name:'Jack'}} deepCopy(person) //new person
6. 陣列去重
/** * 陣列去重 * @param {*} arr */ export function uniqueArray(arr) { if (!Array.isArray(arr)) { throw new Error('The first parameter must be an array') } if (arr.length == 1) { return arr } return [...new Set(arr)] }
原理是利用Set中不能出現重複元素的特性
uniqueArray([1,1,1,1,1])//[1]
7. 物件轉化為FormData物件
/** * 物件轉化為formdata * @param {Object} object */ export function getFormData(object) { const formData = new FormData() Object.keys(object).forEach(key => { const value = object[key] if (Array.isArray(value)) { value.forEach((subValue, i) => formData.append(key + `[${i}]`, subValue) ) } else { formData.append(key, object[key]) } }) return formData }
使用場景:上傳檔案時我們要新建一個FormData物件,然後有多少個引數就append多少次,使用該函式可以簡化邏輯
let req={ file:xxx, userId:1, phone:'15198763636', //... } fetch(getFormData(req))
8.保留到小數點以後n位
// 保留小數點以後幾位,預設2位 export function cutNumber(number, no = 2) { if (typeof number != 'number') { number = Number(number) } return Number(number.toFixed(no)) }