使用新的 Google Analytics API 获取最受欢迎的页面

获取网站或应用程序上最受欢迎的页面列表通常很有用,可以用于分析,也可以构建 UI 元素,向用户展示您最受欢迎的内容是什么。在过去,命中计数器可能会用于跟踪您最受欢迎的页面。

但是,在现代世界中,使用 Google Analytics API 要容易得多。由于 Google 最近将 Analytics 更新为“Google Analytics 4”,并且还更改了 Javascript API,我想我会写一篇关于我如何在 Fjolt 上完成此操作的指南。对于本教程,我将使用 Node.JS。

注意:这仅适用于新的 Google Analytics 4,并且*不*适用于以前版本的 Goo[……]

继续阅读

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

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

这种噪音效果很酷,而且很怀念旧电视机。这让我开始思考如何为网络上的视频或 Javascript 应用程序中的视频做到这一点。让我们看看如何做到这一点,并带有一些perlin 噪音。

Perlin Noise#

首先,我们需要一个好的柏林噪声函数。Perlin 噪声是一种生成随机噪声的方法,我们可以使用它来创建我们所追求的静[……]

继续阅读

Javascript 对象备忘单

1. 更新对象的属性

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

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

4. 将 Array 或 Map 集转换为 Object

5. 浅克隆对象

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

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

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

9. 防止向对象添加新项目,但允许更改以前的项目

10.防止对对象进行任何更改

11.将对象变成字符串

12. 将字符串变成对象

13.检查Object是否有属性

14. 使对象的属性不可写,这样你就无法更改它

15. 使用 for 循环时忽略某些属性

1[……]

继续阅读

如何在 NodeJS 中使用环境变量

环境变量是设置变量的一种快速简便的方法,这些变量可能会从服务器更改为服务器,或从本地计算机更改为生产服务器。

一个典型的例子是检查你是否在生产服务器上。然后,您可以在生产服务器上使用 HTTPS,但不能在本地开发机器上使用。

在 NodeJS 中使用环境变量#

NodeJS 没有简单的内置环境功能,但幸运的是有一个 npm 包可以帮助解决这个问题。要安装它,请运行以下命令:

现在我们已经安装好了,让我们将它包含在我们的 Node.JS 文件的顶部:

或与要求..

太好了,现在我们要做的就是在我们的基本目录中创建一个名为.env. 在其中[……]

继续阅读

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

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

我将使用 MongoDB 作为数据库工具,但如果您使用 MySQL 或其他工具,您可以轻松地将这些组件换掉。

概念#

大多数网站分为两个模糊的类别:

  • 已创建 URL 的页面(即文章、博客文章等)。
  • 具有很少更改的 URL 的页面(即主页等)。

为了自动化站点地图,我们可以列出我们知道不太可能更改的 URL,然后使用 Javascript 获取新页面的数据库条目[……]

继续阅读

如何用 Javascript 数组做所有事情

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

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

使用indexOf:

2. 在索引处删除#

使用splice():

3. 按值在索引处删除#

使用splice()和indexOf:

4. 获取数组的最后一个元素#

使用arr.length() – 1:

5. 在索引处插入#

使用splice():

6.删除数组的最后一个元素#

使用pop():

7. 以相同的方式更改数组的所有[……]

继续阅读

Python | cv2 imwrite() 方法

目录

  • 参数
  • 返回值
  • cv2 imwrite() 方法示例

在本教程中,我们将了解如何使用以 cv2(计算机视觉)库形式存在的 open-cv 将图像保存在您自己的系统中。

您可以使用库的imwrite()方法cv2将图像保存在系统上。要使用 cv2 库,您需要使用import statement.

现在让我们看看方法的语法和返回值imwrite(),然后我们将继续进行示例。

语法

参数

您需要将两个参数传递给 imwrite() 方法。参数是:

  • path:您要在系统中以字符串形式保存图像的位置地址,包括文件名。这里有两种可能:
    i)如果您想将图像保[……]

    继续阅读

  • Spring 框架教程

    目标听众

    本 Spring 教程专为需要了解 Spring 框架及其应用程序的 Java 程序员而设计。

    先决条件

    在继续本 Spring 教程之前,您应该对 Java 编程语言有一个很好的理解。

    目录

    • 目标听众
    • 先决条件
    • 介绍
    • 特征
      • 轻量级
      • 控制反转 (IOC)
      • 面向方面 (AOP)
      • 容器
      • MVC 框架
      • 事务管理
      • JDBC 异常处理
    •  架构设计
      • Spring AOP
      • Spring ORM
      • Spring Web
      • Spring DAO
      • Spring Context
      • Spring Web MVC
      • Spring Core
    • Spring教程

    C++ 中的堆栈实现

    目录

    • 堆栈作为抽象数据类型
    • 堆栈操作
      • 基本操作:
      • 其他操作:
    • 在 C++ 中使用数组实现堆栈

    这篇文章是关于在 C++ 中使用数组实现堆栈的。

    堆栈作为抽象数据类型

    Stack 是一种有序的数据结构,用于以LIFO(后进先出)顺序存储数据类型。这
    意味着最后进入的元素首先退出(已处理)。这就像一个同心圆塔,
    一个接一个。当然,当我们开始将
    它们一一移除时,将首先选择最后一个(例如:河内之塔)。堆栈是一种类似的数据结构(抽象
    数据类型,简称 ADT),其中插入和删除都在同一端完成,即
    顶部。堆栈只保存相似的数据类型。
    插入过程命名为Push
    删除过程命名为Pop

    堆栈操作[……]

    继续阅读

    C++中的二分查找

    本文是关于二分查找及其在 C++ 中的实现。

    目录

    • 什么是二分搜索?
    • 二分搜索算法
    • 时间复杂度
    • 示例说明
    • 二分查找C++实现<
      • 迭代解决方案
      • 递归解决方案

    什么是二分搜索?

    “二进制”这个词实际上是指“二”。所以,可以预见的是,会有一些与“二”相关的东西。在线性搜索的情况下,我们从数组的开头开始并逐渐检查。

    现在,可能存在搜索元素属于数组末尾部分的情况,我们一直在浪费时间检查所有其他元素以防线性搜索。对于任何搜索算法来说,最重要的是它的时间复杂度。尽管复杂度为 O(n) 的线性搜索似乎做得很好,但实际上并非如此。想想任何大型数据集,它需要多少时间,尽管它是 O(n)。我[……]

    继续阅读