[前端] 每日时报-2019.05.23

2019.05.23

[文章] 学会通过 babel 构建 AST 来修改代码：https://www.yuque.com/yuzhidao/life/yzuq0r

[类库] DotEnv 是一个把 .env 文件加载到环境变量的一个库；类似于 Vue CLI .env 设置环境变量：https://github.com/motdotla/dotenv

[类库] 把时间转换成毫秒单位，如 ms('2 days') = 172800000：https://github.com/zeit/ms

[工具] 大幅度缩减 Docker 镜像的体积，使用命令 docker-slim build --http-probe your-name/your-app：https://github.com/docker-slim/docker-slim

from ubuntu:14.04 - 432MB => 14MB (缩减了 30.85 倍)
from debian:jessie - 406MB => 25.1MB (缩减了 16.21 倍)
from node:alpine - 66.7MB => 34.7MB (缩减了 1.92 倍)

[工具] 谷歌开源的图片压缩工具。在保证图片质量的情况下快速压缩图片，7M 的图片压缩后为 3.2M ，使用起来简单方便：https://github.com/GoogleChromeLabs/squoosh

示例 - 学会通过 babel 构建 AST 来修改代码

  const ast = parser.parse(content, {
    sourceType: 'module',
    plugins: [
      'jsx',
    ],
  });

示例 - DotEnv

DB_HOST=localhost
DB_USER=root
DB_PASS=s1mpl3

const db = require('db')
db.connect({
  host: process.env.DB_HOST,
  username: process.env.DB_USER,
  password: process.env.DB_PASS
})

示例 - ms

ms('2 days')  // 172800000
ms('1d')      // 86400000
ms('10h')     // 36000000
ms('2.5 hrs') // 9000000
ms('2h')      // 7200000
ms('1m')      // 60000
ms('5s')      // 5000
ms('1y')      // 31557600000
ms('100')     // 100
ms('-3 days') // -259200000
ms('-1h')     // -3600000
ms('-200')    // -200

今日图 - 这会是 996 最后的归宿吗？

查看更多： https://github.com/wubaiqing/zaobao