前端开发2025年10月04日
目录 一、简单压缩 二、使用canvas 将base64 图像压缩到指定文件大小以内 1、 方法一 2.、方法二 三、使用 canvas 和 web workers 来实现图像压缩 JavaScript 可以使用类似于 canvas 和 web workers 来实现图像压缩。 使用 canvas，可以将图像绘制到 canvas 上，然后使用 canvas...
前端开发2025年10月04日
目录 一、扁平转树形 1、方法一 2、方法二 3、方法三 4、方法四 二、树形转扁平 1、方法一 2、方法二 3、方法三 一、扁平转树形 在 JavaScript 中，可以使用递归算法将扁平的数据转换为树形结构。 扁平数据通常是一个带有 parentId 属性的数组，而树形结构通常是一个带有 children 属性的对象。 1、方法一 下面是一个简单的例子...
前端开发2025年10月04日
目录 前言 实现 前言 Hello，同学们好！又是一年新春之际，祝福大家兔年快乐！给大家介绍一个有趣的动效（兼容 IE），页面右下角有一只搞怪的兔子，鼠标在页面中悬停时，兔子会跟着做出不同的动作和表情。然后可以在页面中任意位置（离兔子太近不能发射，会伤到兔子?）点击鼠标，将从兔子眼睛?里发射炮弹，随之击中爆破的是你的霉 运、压 力、贫 穷、疾 病??。 ...
前端开发2025年10月03日
目录 一、promise与async和await有什么用 二、Promise的作用 三、async和await的使用 四、promise与async、await的区别 一、promise与async和await有什么用 都是为了解决异步回调产生的。 Promise的字面意思是“承诺”，即承诺会执行。Promise好比容器，里面存放着一些未来才会执行完毕的事...
前端开发2025年10月02日
JavaScript程序使用Unicode字符集编写。Unicode是ASCII和Latin-1的超集，并支持地球上几乎所有在使用的语言。ECMAScript3要求JavaScript的实现必须支持Unicode2.1及后续版本，ECMAScript5则要求支持Unicode3及后续版本。 区分大小 JavaScript是区分大小写的语言，也就是说，关键字...
前端开发2025年10月02日
JavaScript不区分整数值和浮点数值，全部使用浮点数值表示。当一个数字直接出现在JavaScript程序中，我们称之为数字直接量(numeric litertal)。JavaScript支持多种格式的数字直接量。 整型直接量 在JavaScript程序中，用一个程序序列表示一个十进制整数。除了十进制的整型直接量，JavaScript同样能识别十六进制...
前端开发2025年10月02日
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>123</title> <script type="text/javascript"> window.onload=function(...
前端开发2025年10月02日
一、var声明的变量会挂载在window上，而let和const声明的变量不会： var a = 100; console.log(a,window.a); // 100 100 let b = 10; console.log(b,window.b); // 10 undefined const c = 1; console.log(c,window.c)...
前端开发2025年10月02日
笔者开始学习Javascript的时候，对模块不太懂，不知道怎么导入模块，导出模块，就胡乱一通试 比如 import xx from 'test.js' 不起作用，就加个括号 import {xx} from 'test.js' 反正总是靠蒙，总有一种写法是对的，其实还是没有理解，还是不懂 尤其是在当初写 www.helloworld.net 网站的时候，一...
前端开发2025年10月01日
在 JavaScript 中，宏任务和微任务是指在执行代码的过程中的两种不同的任务类型。 宏任务（macro task）指的是浏览器在执行代码的过程中会调度的任务，比如事件循环中的每一次迭代、setTimeout 和 setInterval 等。宏任务会在浏览器完成当前同步任务之后执行。 微任务（micro task）指的是在当前宏任务执行完成之后立即执行...