使用 GraphQL，您可以运行自省查询来了解 GraphQL 架构的可用字段和类型。这种自省功能也使 GraphiQL 能够提供有关架构和自动完成功能的文档。 让我们使用星球大战SWAPI 公共 API端点来运行一些内省查询。 __类型 首先，让我们使用内置的__类型： query FilmType { __type(name: "Film") { kind name fields { name description type { name } } } } Kind为我们提供类型的枚举值，如 OBJECT、SCALAR 或 INTERFACE。 名称给了我们类型的名称。 描述，嗯，给了我们描述！ 响应内容如下： { "data": { "__type": { "kind": "OBJECT", "name": "Film", "fields": [ { "name": "title", "descripti…

Cycle.js 是我们迄今为止有机会惊叹和困惑的最易用的 JavaScript FRP 框架。优点是它有很多训练轮来帮助你走上摇摇晃晃的道路。缺点是：实现起来容易理解起来难，而且文档也没什么帮助。 开始行动的最佳方式是使用 Cycle 自己的create-cycle-app（通过 NPM 或 Yarn 按名称安装）。您最终会得到类似下面所示的内容，但已具备启动开发服务器或部署构建所需的所有必要框架。我们对其进行了简化以便说明。 import {run} from '@cycle/run'; import {div, makeDOMDriver} from '@cycle/dom'; import xs from 'xstream'; const main = function(sources) { const vtree$ = xs.of( div('My Awesome Cyc…

Flow从面向对象程序中借鉴的最佳概念之一是泛型的概念。在许多情况下，泛型对于细化类型检查至关重要。 泛型在哪些地方有用？ 假设你有一个函数memoize。使用 Flow 类型，它可能看起来像这样： function memoize(func: (key: any) => any): (key: any) => any { const registry = new Map(); return function(key: any): any { let value = registry.get(key); if (typeof value === 'undefined') { value = func(key); registry.set(key, value); } return value; }; } 问题是它会吞噬以下细节func： // Type is (val: number) => bo…

如果您曾经接触过更传统的面向对象语言（C、C#、Java），那么您可能见过枚举数据类型。虽然 JavaScript 不支持枚举，但Flow 的类型检查可以弥补这一点。 枚举在哪些地方有用？ 假设您正在编写一个处理扑克筹码的程序。筹码的颜色是一个字符串（即“红色”、“蓝色”等）。因此您的Chip类型看起来应该类似于： type Chip = { color: string, }; …创建芯片的函数是： function createChip(color: string): Chip { return { color, }; } 但您要确保它只使用有效的颜色： // This should be valid. createChip('red'); // This should not. createChip('cyan'); // This isn't even a color. createCh…

测试超时的最大障碍之一是等待超时。Jest提供了一种解决方法。 运行所有定时器 假设您正在测试一个程序，该程序会在一段时间后发出一个事件，但您不想等待该事件实际发出的时间太长。Jest 为您提供了通过setTimeout函数立即运行设置的回调的选项jest.runAllTimers。 // This has to be called before using fake timers. jest.useFakeTimers(); it('closes some time after being opened.', (done) => { // An automatic door that fires a `closed` event. const autoDoor = new AutoDoor(); autoDoor.on('closed', done); autoDoor.open(…

pgAdmin是一个功能丰富的开源前端管理工具，允许您从 Web 浏览器轻松管理您的PostgreSQL关系数据库。 它提供了一个易于使用的用户界面，简化了数据库和数据库对象的创建和监控。PgAdmin 4是早期pgAdmin工具的改进，可用于 Linux、Windows、macOS 系统，甚至 Docker 容器。 在本教程中，您将学习如何在Linux Mint 21和Linux Mint 20上使用pgAdmin4安装PostgreSQL。 步骤1：在Linux Mint上安装PostgreSQL数据库 1.首先，启动您的终端并使用apt 包管理器更新您的包，如图所示。 $ sudo apt update -y 更新完成后，继续下一步。 由于pgAdmin4为PostgreSQL数据库对象的管理提供了前端界面，因此必须首先安装PostgreSQL。 2.为…

并非所有事物都同步执行，因此并非所有事物都应该同步测试。 Jest 提供了一些异步测试选项。 使用回调 如果您的函数接受一个参数，Jest 将为其提供一个done回调；测试将运行，直到done或被done.fail调用或超时。这对于测试可观察对象非常有用： // Let's say you're testing a cup that emits an event when it is full or spills. it('fills without spilling.', (done) => { const smartCup = new SmartCup(); // The event happened, so call `done`. smartCup.on('full', () => done()); // If a failing condition happens, you can call `…

高阶函数接受一个函数并返回一个函数。Jest提供了一种方法来确保您给出的函数被正确使用。 测试高阶函数 假设你想写一个记忆函数。它可能看起来像这样： // memoize.js export default function memoize(func) { return function (key) { const registry = new Map(); let value = registry.get(key); if (typeof value === 'undefined') { value = func(key); registry.set(key, value); } return value; } } 为了测试它，你会得到类似的东西： import memoize from './memoize'; it('memoizes `func`.', () => { // `func` here…

介绍 GPG，即 GNU Privacy Guard，是一种公钥加密实现。它允许各方之间安全地传输信息，并可用于验证消息来源的真实性。 在本指南中，我们将讨论 GPG 的工作原理以及如何实现它。我们将使用 Ubuntu 16.04 服务器进行此演示，但也将包括其他发行版的说明。 公钥加密的工作原理 许多用户面临的一个问题是如何安全地进行通信并验证他们正在交谈的一方的身份。许多试图回答这个问题的方案至少在某些时候需要通过不安全的媒介传输密码或其他身份证明。 确保只有预期方可以读取 为了解决这个问题，GPG 依赖于一种称为公钥加密的安全概念。其理念是，您可以将传输的加密和解密阶段分成两个独立的部分。这样，只要您确保解密部分的安全，您就可以自由分发加密部分。 这将允许单向消息传输，任何人都可以创建和加密，但只能由指定用户（拥有私钥解密的用户）解密。…

好吧，让我快速把这个问题说清楚。我讨厌wheel那些将事件touchstart附加到页面的网站touchmove。非常讨厌它们。主要原因是它们的性能太差，尤其是在移动设备上。你看，浏览器必须等到事件监听器完成执行后才能重新绘制页面，因为事件可以被取消。如果你的事件在每次滚动时都运行，那么滚动页面就会变得非常不顺畅，特别是如果你没有对事件进行反跳。幸运的是，现在有一个解决方案：被动事件监听器。 被动事件监听器允许您将不可取消的处理程序附加到事件，让浏览器围绕事件侦听器进行优化。例如，浏览器可以继续以本机速度滚动，而无需等待事件处理程序完成执行。 虽然它们是规范中相对较新的成员，但它们已经得到了大多数大公司的支持。（基本上，除了 IE、Edge 和 Opera Mini 之外的所有公司。） 此外，它们的使用方式不会真正破坏现有行为…