【每日时报】2019.08.06

#1

【每日时报】2019.08.06

[工具] Chrome 必装的插件,划词翻译功能是我目前用过的最舒服的:https://github.com/crimx/ext-saladict

[工具] 将链接转换为二维码的工具:https://chrome.google.com/webstore/detail/quick-qr-code-generator/afpbjjgbdimpioenaedcjgkaigggcdpp

[类库] dotenv-flow 可以加载 .env* 的文件,并且把文件的内容,存放到环境变量中:https://github.com/kerimdzhanov/dotenv-flow

[类库] 把 React 代码放到该组件中,就能实时看到代码中的效果。可以用于制作表单生成器使用,演示效果https://github.com/uiwjs/react-code-preview

[类库] FileAPI 是文件操作 API,比如批量下载所有文件、生成图片缩略图、旋转图片:https://github.com/mailru/FileAPI

想了解更多,请关注 GitHub:https://github.com/wubaiqing/zaobao

示例 - dotenv-flow

# .env.production.local

DATABASE_HOST=10.0.0.32
DATABASE_PORT=27017
DATABASE_USER=devops
DATABASE_PASS=1qa2ws3ed4rf5tg6yh
DATABASE_NAME=application_storage
require('dotenv-flow').config();

console.log('database host:', process.env.DATABASE_HOST);
console.log('database port:', process.env.DATABASE_PORT);
console.log('database user:', process.env.DATABASE_USER);
console.log('database pass:', process.env.DATABASE_PASS);
console.log('database name:', process.env.DATABASE_NAME);

示例 - FileAPI

// Get info of image file (FileAPI.exif.js included)
FileAPI.getInfo(file, function (err/**String*/, info/**Object*/){
	if( !err ){
		console.log(info); // { width: 800, height: 600, exif: {..} }
	}
});

配图 - 过于真实