小唯yui-CSDN博客

原创 location对象和URLSearchParams对象

Location对象是浏览器提供的原生对象，location是最有用的 BOM 对象之一，提供 URL 相关的信息和操作方法。这个对象独特的地方在于，它既是window的属性，也是document的属性。通过和属性，可以拿到这个对象。

2023-06-25 03:29:42 300

原创 Flex弹性布局

Flexible Box 模型，通常被称为 flexbox，意为”弹性布局”，是一种一维的布局模型。它给 flexbox 的子元素之间提供了强大的空间分布和对齐能力。 flexbox 是一种，是因为一个 flexbox 一次只能处理一个维度上的元素布局，一行或者一列。作为对比的是另外一个二维布局 Grid Layout （栅格布局），可以同时处理行和列上的布局。

2023-06-20 01:19:45 497

原创 WeakSet

WeakSet 是 Set 的“兄弟”类型，其 API 也是 Set 的子集。WeakSet 中的“weak”（弱），描述的是 JavaScript 垃圾回收程序对待 “WeakSet” 中值的方式。

2023-06-12 19:44:23 103

这里需要注意，Set 结构的键名就是键值（两者是同一个值），因此第一个参数与第二个参数的值永远都是一样的。Set 内部判断两个值是否不同，使用的算法叫做“Same-value-zero equality”，它类似于精确相等运算符（Set 实例的方法分为两大类：操作方法（用于操作数据）和遍历方法（用于遍历成员）。它类似于数组，但是成员的值都是唯一的，没有重复的值。方法返回的遍历器，同时包括键名和键值，所以每次输出一个数组，它的两个成员完全相等。 Set 结构的实例有四个遍历方法，可以用于遍历成员。

2023-06-12 02:31:55 58

原创 WeakMap

事件，就更新一下状态。在这个例子中，因为值也没有被引用，所以这对键/值被破坏以后，值本身也会成为垃圾回收的目标。不过，如果调用了 removeReference()，就会摧毁键对象的最后一个引用，垃圾回收程序就可以把这个键/值对清理掉。只要键存在，键/值对就会存在于映射中，并被当作对值的引用，因此就不会被当作垃圾回收。这一刻可以取到键名，下一刻垃圾回收机制突然运行了，这个键名就没了，为了防止出现不确定性，就统一规定不能取到键名。，是实例的弱引用，所以如果删除实例，它们也就随之消失，不会造成内存泄漏。

2023-06-10 18:28:42 212

原创 Map数据结构

另外，可以使用 get() 和 has() 进行查询，可以通过 size 属性获取映射中的键/值对的数量，还可以使用 delete()和 clear()删除值。作为 ECMAScript 6 的新增特性，Map 是一种新的集合类型，Map 的大多数特性都可以通过 Object 类型实现，但二者之间还是存在一些细微的差异。与 Object 类型的一个主要差异是，Map 实例会维护键值对的插入顺序，因此可以根据插入顺序执行迭代操作。一种情况是，Map 的键名都是字符串，这时可以选择转为对象 JSON。

2023-06-07 19:47:22 346

原创 requestAnimationFrame

这个函数仅执行一帧动画的渲染，并根据条件判断是否结束，如果动画没有结束，则继续调用requestAnimationFrame并将自身作为参数传入。这个 updateAnimations()方法会周期性运行注册的动画任务，并反映出每个任务的变化（例如，同时更新滚动新闻和进度条）。可以看到，设置了50毫秒后执行，实际执行延迟时间远大于这个数值，这就会导致动画效果并不会达到想要的效果。以前，在JavaScript 中创建动画基本上就是使用 setInterval() 来控制动画的执行。

2023-06-06 01:06:49 372 1

nekoyui的博客