[前端] 每日时报 - 2019.07.22

[前端] 每日时报 - 2019.07.22

[视频] 张维为教授：防火墙是中国政府的智慧。可以翻墙，但是墙必须要有：https://www.youtube.com/watch?v=YtxhWwpcwD0

[文章] 使用 TS+React 开发 Chrome 扩展：https://medium.com/@th.guibert/create-a-chrome-extension-using-react-and-typescript-50e94e14320c

[类库] npm-run-all 用于并行或顺序执行多个 NPM 脚本的工具：https://github.com/mysticatea/npm-run-all

[类库] decamelize 可以把驼峰字符串，转换成横线分割符的类库，看一下代码示例就明白了：https://github.com/sindresorhus/decamelize

[类库] sort-package-json 可以生成一个 package.json 的文件，默认是按照 NPM 标准顺序输出，可以用于动态生成脚手架的项目配置：https://github.com/keithamus/sort-package-json

[资源] 最全中华古诗词数据库，唐宋两朝近一万四千古诗人，接近 5.5 万首唐诗加 26 万宋诗。两宋时期 1564 位词人，21050 首词，还有小程序：https://github.com/chinese-poetry/chinese-poetry

GitHub： https://github.com/wubaiqing/zaobao

示例 - npm-run-all

{
  // ...
  dependencies: {
    "start": "npm run postinstall:electron && npm-run-all -p ng:serve electron:serve",
  },
}

示例 - sort-package-json

JSON.stringify(sortPackageJson({
  dependencies: {},
  version: '1.0.0',
  keywords: ['thing'],
  name: 'foo',
}), null, 2)
/* string:
{
  "name": "foo",
  "version": "1.0.0",
  "keywords": [
    "thing"
  ],
  "dependencies": {}
}
*/

示例 - decamelize

const decamelize = require('decamelize');

decamelize('unicornRainbow');
//=> 'unicorn_rainbow'

decamelize('unicornRainbow', '-');
//=> 'unicorn-rainbow'

今日图 - 自我递归