npm 包 graphqltoolstypeint64 使用教程

简介

在 GraphQL 中,Int 类型表示一个整数,但是它的取值范围有限,如果需要表示比 JavaScript 所支持的 2 的 53 次方还要大的整数,就需要用到 graphqltoolstypeint64 这个 npm 包了。本文将介绍如何使用 graphqltoolstypeint64 包。

安装

使用 npm 安装:

--- ------- --------------------- ------

使用

在需要使用 graphqltoolstypeint64 的文件中引入:

----- ------------ - ---------------------------------

然后,在定义 GraphQL Schema 时,使用 GraphQLInt64 类型即可:

----- ------- - -------------------
----- ------------ - ---------------------------------

----- --------- - --- ---------------------------
  ----- --------
  ------- -- -- --
    --- - ----- ------------ --
    -- ---
  --
---

----- ------ - --- -----------------------
  ------ ---------
---

这样,就可以定义一个的 GraphQL Schema,包含一个名为 id,类型为 GraphQLInt64 的字段,可以支持更大的整数。

示例

以下示例演示如何获取和展示 GraphQLInt64 类型的数据。

服务器端

----- ------- - -------------------
----- ------------ - ---------------------------------

----- ---- - -
  --- -----------------
--

----- --------- - --- ---------------------------
  ----- --------
  ------- -- -- --
    --- -
      ----- -------------
      -------- -- -- -------
    -
  --
---

----- ------ - --- -----------------------
  ------ ---------
---

----- ----- - -- -- ---

----------------------- ------------------ -- -
  -------------------- -- - ----- - --- ----------------- - -
---

客户端

--------- -----
------
  ------
    -------------- ------------
  -------
  ------
    ---- ----------------
    ------- ---------------------------------------------------------
    ------- --------------------------------------------------------------
    --------
      ----- ----- - -
        ----- -
          --
        -
      --

      ---------------------- - ----- ---------------- -- -
        ----- ---- - -------------------
        ----------------------------------------- - --------
      ---
    ---------
  -------
-------

结论

使用 graphqltoolstypeint64 包,可以更轻松地实现在 GraphQL 中使用大整数类型,并支持更多场景的数据需求。在开发中,建议根据需求合理使用。

来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/600671a630d092702382250b


猜你喜欢

  • npm 包 proxy-auth-service 使用教程

    在前端开发中,使用代理是一个比较常见的需求,它可以帮助我们解决跨域问题、加速资源请求、管理 Cookie 等问题。然而,在使用代理的过程中,我们往往会遇到一个问题:代理需要身份认证。

    4 年前
  • npm 包 mobx-react-form-devtools 使用教程

    简介 mobx-react-form-devtools 是一个基于 MobX 和 React 开发的表单工具库,它可以帮助开发者快速创建表单,实现表单数据的响应式更新,以及通过表单检验器实现表单数据验...

    4 年前
  • 详解 npm 包 @guteres/murrayplaceholder 使用教程

    在前端开发中,效率是至关重要的。使用开源工具和框架时,我们可以节省很多时间和精力。今天我们要介绍的是一个非常实用的 npm 包,它就是 @guteres/murrayplaceholder。

    4 年前
  • npm包vue-cropbalg使用教程

    什么是 vue-cropbalg? vue-cropbalg 是一个用于裁剪图片的 Vue.js 插件包。它是基于 oss-cropbalg 的开源算法库实现的,旨在提供一个简单易用的图像裁剪功能。

    4 年前
  • npm 包 @wasmuth/compose 使用教程

    在前端开发中,我们经常会遇到需要组合函数的情况,这时候 @wasmuth/compose 这个 npm 包就能派上用场了。@wasmuth/compose 包提供了一种简单而强大的函数组合方式,能够轻...

    4 年前
  • npm 包 generator-lerna-jsdoc-packages 使用教程

    前言 npm 是一个用于 Node.js 包管理的开源工具,通过 npm 可以方便的下载、安装以及管理 Node.js 的各种包。而 generator-lerna-jsdoc-packages 是一...

    4 年前
  • npm 包 generator-react-mobx-scss 使用教程

    在前端开发中,使用自动化工具可以大大提高开发效率,而 generator-react-mobx-scss 是一个非常方便的 npm 包,可以快速搭建出一个基于 React、MobX 和 SCSS 的工...

    4 年前
  • npm 包 promarkdown 使用教程

    在前端开发中,我们经常需要将 Markdown 文件转换成 HTML 文档。而 promarkdown 是一个非常好用的 Node.js 库,可以很方便地实现 Markdown 转 HTML 的转换功...

    4 年前
  • npm 包 @nuintun/through 使用教程

    在前端编程中,我们常常需要处理复杂的数据流,例如读取文件、请求数据等。这时候,一个好用的流处理(stream)工具就显得尤为重要。在 Node.js 中,我们可以使用 stream 模块 来处理数据流...

    4 年前
  • npm 包 my-testing-npm 的使用教程

    前言 npm 是 Node.js 的包管理工具,它可以让我们方便地在项目中引入各种 JavaScript 库和工具包。当我们需要开发一个自己的 npm 包时,就可以借助 npm 这个平台来发布我们的包...

    4 年前
  • npm 包 service-message 的使用教程

    在前端开发中,如何优雅地处理错误信息和通知信息是一个必须掌握的技能。通常情况下,我们可以使用 console.log() 来输出一些调试信息,但是在一些情况下,我们需要向用户展示更加友好的提示信息,这...

    4 年前
  • npm 包 doxdox-plugin-github-wiki 使用教程

    前言 在前端开发中,我们经常使用一些工具和库来提高我们的工作效率,而 npm 包是我们经常使用的一种工具。其中一个非常有用的 npm 包就是 doxdox-plugin-github-wiki,它可以...

    4 年前
  • npm 包 generator-typescript-jest-sdk 使用教程

    简介 generator-typescript-jest-sdk 是一款使用 TypeScript 和 Jest 构建 Node.js 开发的工具包。它提供了一些可重用的代码的生成器,帮助你快速启动你...

    4 年前
  • npm 包 my-mint 使用教程

    简介 my-mint 是一个基于 Mint UI 组件库的二次封装,简化了组件的使用方式,提高了开发效率。它包含了常用的 UI 组件,如按钮、表单、导航、布局等等,并且可高度定制化。

    4 年前
  • npm 包 uklon-api 使用教程

    在前端开发中,操作 API 是必不可少的一项技能。而针对特定 API 接口,封装为 npm 包则可以让开发者更方便的使用。在本篇文章中,我们将会介绍一个可应用于乌克兰优步(Uklon)的 npm 包—...

    4 年前
  • npm 包 yuegray-npm-test 使用教程

    介绍 yuegray-npm-test 是一个使用 npm 包管理器发布的前端工具库,提供了一系列用于前端开发的实用工具函数。本文将详细介绍 yuegray-npm-test 的使用方法。

    4 年前
  • npm 包 @smartive/generator-typescript-project 使用教程

    在前端开发中,使用 TypeScript 可以更好地管理代码,提高代码的可读性和可维护性。但是,在使用 TypeScript 时,我们需要对项目工程结构和配置文件做出一些调整和优化,这可能会浪费我们大...

    4 年前
  • npm 包 allyfe 使用教程

    什么是 allyfe Allyfe 是一个基于 jQuery 和 Bootstrap 的前端组件库,旨在提供一组简单易用的 UI 控件。它是一个开源项目,可以通过 npm 安装使用。

    4 年前
  • npm包fangzhouconsistencymessage使用教程

    npm 是 Node.js 的包管理器,我们可以通过 npm 安装各种开源的 JavaScript 类库和工具。其中 fangzhouconsistencymessage 是一个用于前端开发的 npm...

    4 年前
  • npm 包 dockerappmanager 使用教程

    简介 dockerappmanager 是一个基于 Node.js 和 Docker 的本地服务管理器,它可以帮助前端开发者更方便地管理本地服务,提高开发效率。本篇文章将详细介绍 dockerappm...

    4 年前

相关推荐

    暂无文章