Javascript 点击 五彩纸屑效果的实际

演示链接

这个怎么运作#

让我们考虑一下这种效果如何发挥作用的基本原理:

  • 首先:我们需要创建所有单独的五彩纸屑。
  • 接下来:我们需要像五彩纸屑一样移动它们,即达到一个顶峰,然后下降。?
  • 最后:我们需要淡出并移除五彩纸屑。

为了制作五彩纸屑,我们将制作很多小divs。我们将为它们分配[……]

继续阅读

Instagram 风格视频预加载静态效果

Instagram reels 是 instagram 的一项相对较新的功能,在视频加载之前会产生这种有趣的噪音效果。最近,我的 airpods 在连接到 instagram 时遇到了一些问题,我经常在应用程序赶上并连接到它们之前得到这种静态效果。

这种噪音效果很酷,而且很怀念旧电视机。这让我[……]

继续阅读

Javascript 对象备忘单

1. 更新对象的属性

2. 将对象的键转换为数组

3. 将对象的值转换为数组

4. 将 Array 或 Map 集转换为 Object

5. 浅克隆对象

6. 深度克隆一个只有变量的对象

7.将两个对象合并到原始变量中

8. 将两个对象合并成一个新变量[……]

继续阅读

使用 Node.JS 和 Javascript 自动生成站点地图sitemap

站点地图是 SEO 优化的一个非常重要的方面。谷歌和其他搜索引擎可以使用站点地图来确定您所有页面的位置以及它们如何链接在一起。在本教程中,我们将使用 Node.JS 和 Express 创建一个自动站点地图。

我将使用 MongoDB 作为数据库工具,但如果您使用 MySQL 或其他工具,您可[……]

继续阅读

如何用 Javascript 数组做所有事情

使用数组,您通常想要实现一定数量的特定目标。下面是您想要对数组执行的几乎所有操作的列表,以及如何在 Javascript 中执行此操作。

1. 按值查找元素的索引#

使用indexOf:

2. 在索引处删除#

使用splice():

3. 按值在索引处删除#[……]

继续阅读

现代CSS 100天:第 6 天::has() 伪类

是时候让我跟上现代 CSS 的速度了。
CSS 中有很多新东西我知道的太少了。
为了改变这一点,我开始了#现代CSS100天。
为什么或多或少现代 CSS?
因为有些主题将是关于尖端功能的,而其他主题已经存在了很长一段时间,但我对此几乎没有经验。

:has()允许您检查父元素是否包含特定的子元素。[……]

继续阅读

使用 CSS 平滑缩放背景图像(免费代码)

在本文中,您将学习如何使用 HTML 和 CSS缩放背景图像。如今,图像中添加了不同类型的平滑缩放效果。大多数背景图像缩放仅由 CSS 创建。

所以在这里我将向您展示如何使用 CSS 缩放图像。CSS 缩放效果基本上有两种,一种是放大,一种是缩小。我将在这里向您展示两种类型的设计。所以在这里您将知道如[……]

继续阅读

怎样为网站添加背景音乐?

国外有个网站,提供免费音乐外链,
你不需要把音乐放在自己服务器上,只需要引用一下链接即可。

网址:www.bensound.com
BenSound 网站是由一位法国的作曲家和音乐家 Benjamin TISSOT 创办,他致力于创作音乐已经超过10年以上,他作品主要被运用于动画、企业宣传片、广告[……]

继续阅读