2019.03.20

[文章] GraphQL 从入门到实践：https://mp.weixin.qq.com/s/6OXLP-Vn40C8iVtk4q09aw (opens new window)

[文章] 腾讯 IMWeb 团队写的前端构建秘籍：https://juejin.im/post/5c9075305188252d5c743520 (opens new window)

[工具] 一个恶作剧的小网站，可以在别人的电脑上打开该网站，然后设置时间后台会发出该声音，网站提供了猪叫、拉肚子等声音：http://www.trolltimer.com/ (opens new window)

乌龟叫有点邪恶，请带上耳机

[类库] webiny-js 是 GraphQL + React 实现的 CMS 系统，支持在线拖拽和代码块，演示地址 (opens new window)：https://github.com/Webiny/webiny-js (opens new window)

[类库] array-move 可以将数组“项”移动到任意位置：https://github.com/sindresorhus/array-move (opens new window)

[类库] 使用 NodeJS 监听文件夹变化，可以是适用于以下场合，如：源文件改变时，自动运行 build 编译（Less、Babel）等：https://github.com/paulmillr/chokidar (opens new window)

配图 - GraphQL

配图 - webiny-js

示例 - array-move

const arrayMove = require('array-move');

const input = ['a', 'b', 'c'];

arrayMove(input, 1, 2);
//=> ['a', 'c', 'b']

arrayMove(input, -1, 0);
//=> ['c', 'a', 'b']

arrayMove(input, -2, -3);
//=> ['b', 'a', 'c']

示例 - chokidar

var chokidar = require('chokidar');

chokidar.watch('.', {ignored: /(^|[\/\\])\../}).on('all', (event, path) => {
  console.log(event, path);
});