分类：程序开发 - 28 篇文章

GraphQL 是 FaceBook 推出的一种用于 API 的查询语言。本文主要围绕 GraphQL 的 Server 端实现，因为相比 Client 端，Server 端包含了更多的内容。如果你的项目正处于技术选型，你正在犹豫选择一种接口风格的时刻，不妨了解一下 GraphQL 这个神奇而强大的技术。

拖放（drap & drop）在我们平时的工作中，经常遇到。它表示：抓取对象以后拖放到另一个位置。目前，它是 HTML5 标准的一部分。本文将从几个方面学习并实践这个功能。

对于前端来说，登录就是把用户信息提交上去，后续就不用前端去担心了。但是，当我真正完整地做过一个登陆 sdk 项目，就会发现这里边的逻辑不是那么简单。本文总结了目前各种主流系统登录方式，包括：Session、JWT、单点登录（SSO）以及 OAuth2。

随着 Web 应用的成长越来越快，而且复杂度越来越高，增加了一些新特性：audio 或 video 的操作；使用 WebSocket 收发未经过加工的二进制数据等等，因此通过 JavaScript 的 Typed Array 容易且快速的操作未经加工的二进制数据就变得很重要，可以在更深层次对数据做控制。

SASS 是一种预处理器及样式表语言，由它们自己的工具或模块捆绑器(如 webpack)编译成 CSS 。它有几个可以用来使 CSS 整洁和可重用的功能，例如变量，嵌套规则，mixin，函数等。

SVG 元素的 viewBox 属性允许指定一个给定的一组图形伸展以适应特定的容器元素。它包含4个参数的列表 min-x, min-y, width 和 height，以空格或者逗号分隔开。

Promise 是 js 里面非常重要的一部分，搞懂了 Promise 才能更好的去理解 async, await 和 generator。但是往往很多时候就是不理解 Promise 的机制，所以这次通过一步步实现一个 Promise 来加深自己的印象，提高自己的思维。

vue 单文件模板中一般含有三个部分，template，script 和 style。但是在编译后的 js 文件中，我们却没法在代码中直接找到这三部分，这是因为 vue 并非直接使用 template 进行渲染，而是需要把 template 编译成渲染函数，才能渲染。

不管是 jQuery、 Vue 还是 React，它们都支持插件。插件是库和框架中很常见的功能，插件能够使你的项目具有更高的价值，而且也不会增加太多额外的维护负担。本文详细介绍了使用 JavaScript 构建插件系统的方法和流程，以及相关注意事项。

ES2015（即：ES6）引入了模块的概念，提供了 export 和 import 2 个主要的语句（API）。相对于社区实现的 JS 模块管理方案，ES6 模块管理更加强大和灵活，最重要的是，这是 ECMAScript 官方推出的 JS 模块管理方案，是每位前端开发者需要掌握的模块化方案。