旧习惯很难改掉，但养成新习惯是必不可少的。
在 Web 开发中，当一个新的框架或库进入阶段时，没有人会感到惊讶。仅使用特定编程语言的功能从头开始实现复杂功能和创建 UI 元素并不总是最佳方式。相反，开发人员要么依赖现有框架，要么创建自己的框架供内部使用。在编程语言的情况下，情况稍微复杂一些。[……]
分类： Javascript
使用 Service Worker 创建 NodeJS 推送通知系统
当我开始 code8cn.com 时，我很快就面临着如何在新文章发布时通知用户的难题。最重要的是，我想在不依赖第三方服务的情况下完成所有这些工作。我认为这将是使用网络通知的绝佳机会。
本机浏览器通知仅在用户打开网站时才真正起作用。我希望所有用户在发生新事情时都能从服务器收到通知，无论网站是否打[……]
Typescript 枚举如何工作
Enums是Enumerations的缩写，是预设的常量，可以由开发人员定义以在代码的其他地方使用。
对于 Javascript 开发人员来说，枚举的概念通常是新的，但它们相对容易理解。枚举为我们正在编写的内容添加上下文。
如何定义枚举#
枚举可以使用Enum关键字在 Typesc[……]
在 Typescript 中创建自定义类型
Javascript 是一种弱类型语言，这意味着我们通常不会考虑类型。Typescript是强类型的，这意味着一切都有类型。
有时我们想让一个对象或函数的返回符合某种格式。这是我们使用自定义类型的地方。Typescript 允许我们定义自己的自定义类型，然后我们可以在代码中使用它们。
为[……]
创建 Javascript 绘图和注释应用程序
注释和绘图有很多用例。在本教程中，让我们看看如何使用 Javascript 制作一个简单的绘图应用程序。我们将使用纯 Javascript构建它，因此它可以让您灵活地在任何需要的地方实现它。
演示#
首先，让我们看看它是如何工作的，我已经向这个页面添加了功能。单击按钮时，您将获得绘图工具[……]
创建鼠标悬停时移动的 3D CSS 按钮
Button 通常是通往客户旅程的门户。因此，我玩弄了一个 3d 按钮的想法，该按钮可以移动用户在其周围移动鼠标。为了进一步提高这种效果，我添加了一些 3d 阴影，它们一起移动，以产生一个 3d 按钮的错觉，该按钮位于页面外，随着用户的鼠标移动而移动。
演示#
注意：尝试将鼠标悬停在这些[……]
仅使用CSS的条纹状平滑过渡菜单
我最喜欢的网站之一是 stripe.com。有很多WebGL，但顶部的菜单具有非常酷的幻灯片效果，因此当您浏览它时，它似乎会变成下一个选项。我查看了它是如何制作的，其中有很多 Javascript 代码，但它让我思考是否可以仅使用 CSS 来完成类似的效果。
在本教程中，我们将介绍我是如何做到[……]
使用 Javascript 更新 CSS 变量
如果您正在构建应用程序或 SaaS 平台，或者实际上是任何网站，将所有颜色存储为 CSS 变量，然后更新这些变量以更改应用程序的主题会很有用。
幸运的是，这相对容易实现。想象一下，您的 CSS 变量设置如下：
:rootCSS 样式存储在document.documentElemen[……]
… in JavaScript – JS 中的三点运算符
JavaScript 中的三点运算符是 ES6 附带的重要更新之一。
此运算符 ( …) 可帮助您完成许多以前需要多行代码、不熟悉的语法等的事情。
在这篇简短的文章中，您将了解三点运算符的含义和作用。我们将通过一些示例来展示可能的用例，并了解您过去是如何执行这些操作的。通过[……]
NVM for Windows – 如何在 Windows 中下载和安装 Node Version Manager
不同的软件开发工具可能需要特定版本的 Node.js 和 NPM（节点包管理器）。NPM 是一个用于管理从 NPM 注册表安装的包的工具。
此外，如果您正在制作 NPM 包，您可能需要使用不同版本的 Node.js 对其进行测试。这就是您应该安装 NVM 的原因。
NVM 是 Node[……]