[前端] 每日时报-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