第一种：Image + canvas const getBase64Image = src => { return new Promise(resolve => { const img = new Image() img.crossOrigin = '' img.src = src img.onload = function () { const canvas = document.createElement('canvas') canvas.width = im…

在JavaScript中，await用于暂停异步函数执行，等待Promise对象的解决。当Promise对象解决时，await将返回被解决的值，否则它将抛出一个被拒绝的Promise错误。 下面是一些使用await的例子： 使用await等待一个Promise对象 async function getData() { const response = await fetch('https://jsonplaceholder.typicode.com/todos/1'); const data =…

一、日期处理 1. 检查日期是否有效 const isDateValid = (...val) => !Number.isNaN(new Date(...val).valueOf()); isDateValid("December 21, 2025 01:52:00"); // true 2. 计算两个日期之间的间隔 const dayDif = (date1, date2) => Math.ceil(Math.abs(date1.getTime() - date2.getTime(…

在本文中，我们将分享15个有用的 JavaScript 技巧，为每个 Web 开发人员节省宝贵的开发时间。 技巧 1、展平数组的数组 这个技巧将帮助你通过在 flat 中使用 Infinity 来展平深度嵌套的数组。 var array = [123, 500, [1, 2, [34, 56, 67, [234, 1245], 900]], 845, [30257]] //flatten array of array array.flat(Infinity) // output: // [123, 500, 1, …

在实际开发中，为了提高开发的效率，我们会把常用到的功能封装成方法，这样后期开发需要，拿来即用。 这里分享33个在实际开发中经常需要用到的功能（已封装成方法），分享给到大家。 1、加载js ||css || style const loadRes = function(name, type, fn) { // 加载js || css || style let ref if (type === 'js') { // 外部js ref = document.createElement('sc…

1、数组合并 常规写法 利用concat方法来合并数组 const apples = ["红苹果", "绿苹果"]; const fruits = ["西瓜", "草莓", "葡萄"].concat(apples); console.log(fruits); // ['西瓜', '草莓', '葡萄', '红苹果', '绿苹果&#…