从前端开发者的角度来看，GraphQL 是一个支持积极更新数据（Optimistic Update）、在 React 组件旁边声明式地取数据、数据所见即所得的数据层范式。由 Facebook 所推广的它，比起 RESTful API 有很多先进之处。本文以一个生产环境中的例子相伴，介绍了如何在不影响后端开发人员的情况下将现有的 RESTful API 包装成便于前端使用的 GraphQL API。

GraphQL 既是一种用于 API 的查询语言也是一个满足你数据查询的运行时。 GraphQL 对你的 API 中的数据提供了一套易于理解的完整描述，使得客户端能够准确地获得它需要的数据，而且没有任何冗余。 GraphQL 有针对不同语言的服务端实现，以帮助开发人员搭建 Gr…

一个新的 API 来检测用户的互联网连接稳定后的行为，使用场景为发送消息或者传输数据，目前这个 API 只开放给 Chrome 的 Canary 版本。

GraphQL 是 Facebook 开发的一种查询语言，用于在复杂的应用程序的数据模型中，描述数据要求。

在 GraphQL 中，接口(InterfaceTypeDefinition)也是一种命名字段集合，定义规则与对象类型极其相似，同样支持 字段名、类型、参数 三要素。 与 OOP 概念类似，GraphQL 中的接口只是对资源的抽象描述，必须被其他对象类型实现，才能正常使用。我们…

PWA全称Progressive Web App，即渐进式WEB应用。 一个 PWA 应用首先是一个网页, 可以通过 Web 技术编写出一个网页应用. 随后添加上 App Manifest 和 Service Worker 来实现 PWA 的安装和离线等功能 上述这些特性将使得…

workbox 是 GoogleChrome 团队推出的一套 Web App 静态资源本地存储的解决方案，该解决方案包含一些 Js 库和构建工具，在 Chrome Submit 2017 上首次隆重面世。而在 workbox 背后则是 Service Worker 和 Cach…

我在做“你画我猜”小游戏时，为了实现画面实时传递，以及猜题时的聊天室功能，使用了 Socket.io，本文主要介绍 Socket.io 是什么，以及如何使用。 在介绍 Socket.io 之前，首先需要说一说什么是 WebSocket。 详细了解参考： MDN上的介绍：http…