未来的 Javascript:Javascript 管道运算符

管道运算符(Pipeline operators)是 Javascript 即将推出的功能,它为我们提供了另一种通过一系列转换传递值的方法。它为开发人员在编写代码时试图实现的目标提供了更多上下文,并允许我们做一些很酷的事情来启动。在这里,我们快速了解管道运算符、它们的工作原理以及您今天将如何使用它们。

Javascript 管道运算符:支持#

目前,没有浏览器或服务器端 ECMAScript 实现(如 Node.JS)支持管道运算符。但是,您可以使用 Babel 7.15 让它们工作。您可以在此处了解有关安装 Babel 的更多信息,但足以说明这将允许您将管道运算符添加到您的代码中[……]

继续阅读

如何使用 Javascript 获取当前 URL

在 Javascript 中,有时需要获取当前所在网页的 URL。有几种方法可以做到这一点。

如何使用 Javascript 获取当前 URL#

如果我们想要获取当前网页的完整 URL,我们只需使用window.location.href.

如何使用 Javascript 获取当前域的 URL#

如果只想获取当前域,不包括任何页面,则可以在 Javascript 中运行以下命令:

例如,如果您在https://google.com/page/search/go/上,上面的内容只会返回https://google.com。

如何使用 Javascrip[……]

继续阅读

使用 Javascript 和 WebGL 的艺术生成器

现代网页设计经常使用大型介绍图片。这些大图像将产品或服务框在网站顶部。

这让我想到了如何使用 WebGL 来制作类似于梵高的《星夜》的艺术效果。我创造的是类似的东西,如果你愿意,它可以很好地转化为液体。

代码笔演示

步骤 1. Three.JS#

Three.js 是一个 Javascript 库,可让您轻松创建 WebGL 3d 对象。为了实现我们的效果,我们将遵循几个关键步骤:

  • 1.用Three.JS创建几何体(形状)
  • 2.将其渲染到 HTML5 画布上
  • 3.将这个几何数据传递给着色器
  • 4.使用 Javascript制作动画
  • 5.使用着色器操纵几何体

因此,考虑[……]

继续阅读

Javascript 中的三个点 (…) 或扩展运算符是什么?

扩展运算符,扩展语法或3 个点(…),是 Javascript 中的一种语法,它被函数调用和数组/对象使用。它有多种不同的用途,所以让我们来看看我们如何在真实的 Javascript 代码中使用扩展语法。

在函数调用中#

我们可以使用 Javascript 函数调用中的 3 个点将数组转换为函数的一组参数。让我们看一个例子。下面,我们的数组被转换为x、y、z和a的值。

这可以与其他值组合,因此以下内容也是有效的,使用与之前相同的功能:

这也可以在使用 调用构造函数时使用new,例如:

合并数组#

另一种使用扩展语法的有用方法是合并数组。例如,[……]

继续阅读

使用 Javascript 和 WebGL 创建 3d 动画渐变效果

我最近对引人入胜的渐变背景非常感兴趣。大多数销售产品的网站都是相对静态的,在 Javascript 中创建动画背景渐变效果有助于提高用户参与度。最近我正在尝试为我正在处理的项目网站创建引人注目的背景渐变效果。我想要的效果应该是 a) 简单,b) 随机 和 c) 微妙。最终结果如下图:

所以我开始了,就像任何拥有基本 CSS 渐变的人一样。CSS 渐变曾经是一项非常新的技术,但现在得到了主要浏览器的广泛支持,但是对于仍在使用 Internet Explorer 的任何人来说,将背景标记作为备份总是好的。

这看起来不错,但这并不是我想要的最终效果。所以接下来我决定尝试使[……]

继续阅读

如何在 Javascript 中使用长按创建 iPhone 界面

抖动图标和长按已经成为我们对手机屏幕非常熟悉的东西。特别是在 iPhone 上,摇动图标通常意味着它们是可拖动和可编辑的——而长按已成为获得额外选项的正常方式。

在本教程中,我们将着眼于使用 Javascript 和 CSS 重新创建这些效果。在本教程中,我们将介绍:

  • 新的 CSS 功能- 例如背景模糊和动画弹性框。
  • 长按- 如何使用 Javascript 创建长按效果。
  • 拖动- 如何在 Javascript 中创建简单的拖放系统。

演示#

一如既往,让我们从演示开始。这就是我们今天计划创建的。

  • 如果您单击并按住图标一秒钟,将弹出一个弹出窗口。
  • 如果您总共点击并按下 2[……]

    继续阅读

如何使用 Javascript 支付 API 进行支付

我最近一直在关注在线支付。产品和服务的支付在网络中所占的比重越来越大。因此,Javascript 引入了一个新的支付 API,让我们可以使用标准通知框来处理用户支付细节。让我们简单看一下它是如何工作的。

Javascript 支付 API#

支付 API Javascript 允许我们标准化用户支付的输入。这意味着我们可以利用指纹识别等功能并模拟 Apple/Android Pay 对话框。Chrome 和其他浏览器也有自己内置的支付对话框。

支付 API 允许我们发送和接收数据,但处理通常仍在服务器上完成。一旦用户安全地同意支付,这将需要在服务器上进行处理,或者由 Stri[……]

继续阅读

使用新的 Javascript Screen Capture API 共享屏幕

在 Covid-19 之后,世界变得越来越偏远。虽然以前很常见,但“let me share my screen..让我分享我的屏幕.. ”这句话已经成为商业世界的标准用语。因此,越来越需要网络平台内的屏幕共享等服务。

为了解决这个问题,新的Javascript Screen Capture API允许用户授权网站捕获他们的屏幕。授予权限后,我们可以在 Web 应用程序中使用该数据。一个例子可能是,我们将此数据作为屏幕共享应用程序的一部分实时发送给另一个用户。

它是如何工作的?#

下面显示了一个简单的例子来说明它是如何工作的。

然后我们有一些看起来像这样的[……]

继续阅读

Javascript History API 的工作原理

在前端 Javascript 中,我们可以很容易地从当前位置访问用户的网络历史记录。这意味着我们可以使用函数让用户仅使用 Javascript 来回移动。

如何为用户导航#

我们有一些函数可以用来强制用户导航到特定页面。它们都可以通过访问window.history。

后退和前进

back()我们可以分别使用和forward()函数使用户的浏览器后退或前进。因此,如果我们希望用户的浏览器返回导航,我们会写:

同样,我们可以这样前进:

我们也可以通过简单地使用 go 前进和后退一定数量。下面我们有两个例子,一个后退 5 页,另一个前进 3 页:[……]

继续阅读

Java Swing Hello World及与AWT的区别

java使用awt和swing可以完成图形化界面编程

Swing Hello World

awt详解以及简单应用

AWT和Swing的区别

其中AWT的全称是抽象窗具集(Abstract Window Toolkit)它是sun公司最早提供的GUI库,这个GUI库提供了一些基本功能,但这个GUI库的功能比较有限,所以后来sun公司又提供了Swing。通过使用AWT和Swng提供的图形化界面组件片,java的图形化界面编程非常简单。

Swing Hello World

第一次修改

有没有觉得有点奇怪,整个button占满了窗口?
没错,少了一个JP[……]

继续阅读