前端开发2025年10月12日

...

前端开发2025年10月12日

目录 1、Object.keys方法 2、Object.values()方法 3、Object.create() 4、Object.hasOwnProperty()方法 5、Object.getOwnPropertyNames()方法 6、es6 javascript对象方法Object.assign() 7、Object.defineProperty()...

前端开发2025年10月12日

目录 JavaScript实现数组对象去重的多种方法 一、使用 Set 对象： 二、使用`reduce`方法： 三、使用`filter`方法 补充：js数组对象去重 1、使用reduce()方法对象数组去重 2、利用set去重 JavaScript实现数组对象去重的多种方法 有多种实现方式： 一、使用 Set 对象： Array.from(new Set(...

前端开发2025年10月12日

JavaScript的Object.create()方法 ES5定义了一个名为Object.create()的方法，它创建一个对象，其中第一个参数就是这个对象的原型，Object.create()提供第二个可选参数，用以对对象的属性进行进一步描述。 // Object.create()是一个静态方法 // 以下展示不同参数的用法 // 一个参数 var o...

前端开发2025年10月12日

目录 JS计算字符串文本的宽度 JS计算任意字符串宽度 1.通过 Canvas 测量 2.通过 DOM 测量 3.用个 visibility: hidden 总结 JS计算字符串文本的宽度 在使用canvas制作动画时，经常需要获取字符串的宽度与边缘进行对比，以下是通过js来获取任意字符串宽度的方法： function getTextWidth(text,...

前端开发2025年10月11日

目录 JavaScript中的伪数组 1.什么是伪数组 2.如何创建一个伪数组对象 3.数组的concat方法 JavaScript伪数组变真数组 伪数组与真数组的区别 总结 JavaScript中的伪数组 1.什么是伪数组 JavaScript中存在有一种类数组，或者说伪数组。经常见到的伪数组有函数的arguments对象、dom.querySelect...

前端开发2025年10月11日

四兄弟的背景 在一个名为编程语言的村庄里，有不同姓氏的村民。例如Java、Python、Golang、JavaScript等姓氏，而接下来要介绍的就是JavaScript这个姓氏的一些故事。 我们先介绍这个姓氏里的四个兄弟： var兄、function兄、 let兄、 const兄。这四个兄弟能做的事情居然都有点相似，不知是否是村长的蓄意安排。不过让人欣慰...

前端开发2025年10月11日

目录 1、方式一：Object.assign(obj1, obj2, …) 2、方式二：es6 新增语法，扩展运算符 … 【三点】 知识扩展： 总结： 1、方式一：Object.assign(obj1, obj2, …) 参数1：obj1 是目标对象参数2：obj2 是源对象 注意：对象与对象之间，同名属性，会被后面对象的属性值所覆盖 const obj1...

前端开发2025年10月11日

目录 前言 翻卡动画 生成随机分布数组 均匀元素下的随机算法 不均匀元素下的随机算法 生成最终数组 点击事件 完整代码 前言 首先将这个游戏需求拆分成三个部分： 翻卡动画 生成随机分布数组 点击事件 翻卡动画 假如我们的盒子模型不是个二维的平面，而是有个三维的体积，让它可以有正反两面，那我们在做的时候是不是只要将它真实的翻个面就可以了。让我们来想想将它变成...

前端开发2025年10月11日

目录 正文 关于计时器的关键点 异步函数 setTimeout setInterval 区别 使用场合 总结 正文 JavaScript 定时器是实现循环行为甚至触发延迟操作的好功能。无论有什么基于时间的逻辑，定时器都可以提供支持。在 JavaScript 中有两个定时器函数：setTimeout 和 setInterval 。接下来看看有哪些定时器以及它...