{"pageContext":{"index":13,"total":364,"name":"2019-08-04","items":[{"node":{"frontmatter":{"title":"Amazon Transcribe Streaming现在支持websocket了","publish":true,"cover":"","showCover":true,"date":"2019-08-01","category":"nodejs","url":"https://amazonaws-china.com/cn/blogs/aws/amazon-transcribe-streaming-now-supports-websockets/","author":"Brandon West 摘译 Ka","translator":"","tags":["aws"],"priority":1},"html":"

Amazon Transcribe是AWS提供的实时语音解析服务，其内部使用了AI。

\n

现在Amazon Transcribe支持British English (en-GB 英式英语), US English (en-US美式英语), French (fr-FR法语), Canadian French (fr-CA加拿大式法语), and US Spanish (es-US美式西班牙语).

"}},{"node":{"frontmatter":{"title":"Grid Studio与python集成的excel","publish":true,"cover":"","showCover":true,"date":"2019-08-01","category":"python","url":"https://github.com/ricklamers/gridstudio","author":"Rick Lamers","translator":"","tags":["excel"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"Monorepos - npm7将提供支持","publish":true,"cover":"https://cloud.githubusercontent.com/assets/952783/15271604/6da94f96-1a06-11e6-8b04-dc3171f79a90.png","showCover":true,"date":"2019-08-01","category":"nodejs","url":"https://blog.npmjs.org/post/186494959890/monorepos-and-npm","author":"Daniel Sauble 摘译 Ka","translator":"","tags":["npm"],"priority":1},"html":"

Monorepos指的是一个git项目里包含多个子项目的结构。

\n

目前npm需要通过lerna来提供支持。

\n

npm7将提供对此种结构的内在支持。

"}},{"node":{"frontmatter":{"title":"dotenv-flow依据环境判断的配置加载工具","publish":true,"cover":"https://raw.githubusercontent.com/kerimdzhanov/dotenv-flow/master/dotenv-flow@2x.png","showCover":true,"date":"2019-08-01","category":"nodejs","url":"https://github.com/kerimdzhanov/dotenv-flow","author":"Dan Kerimdzhanov 摘译 Ka","translator":"","tags":["docker"],"priority":1},"html":"

安装

\n

npm install dotenv-flow --save

\n

使用

\n
require('dotenv-flow').config();\n\nconsole.log('database host:', process.env.DATABASE_HOST);\nconsole.log('database port:', process.env.DATABASE_PORT);\nconsole.log('database user:', process.env.DATABASE_USER);\nconsole.log('database pass:', process.env.DATABASE_PASS);\nconsole.log('database name:', process.env.DATABASE_NAME);
\n

加载顺序

\n

👇.env 最先被加载\n️👇.env.local 如果有则加载\n👇NODEENV 如果指定了NODEENV且有则加载\n👇NODEENV.local 如果指定了NODEENV且有则加载

\n

上面的顺序是覆盖规则，即后加载的如果有对应的key,则会覆盖，如果没有则不会删除原来的key

\n

默认，会加载.env.local\n如果指定了NODEENV环境变量，则会加载.env.${NODEENV}\n建议的环境名为development, test, production, qa, stage

\n

可通过DOTENVFLOWPATH指明配置加载地址

\n

建议.env.production不要放在git上，而是仅放在服务器上。

"}},{"node":{"frontmatter":{"title":"marblejs-流处理web框架","publish":true,"cover":"https://raw.githubusercontent.com/marblejs/marble/master/assets/img/logo.png","showCover":true,"date":"2019-07-30","category":"nodejs","url":"https://blog.kazge.com/nodejs/2019/07/29/zh-marblejs-introduction/","author":"Ka","translator":"","tags":["marble"],"priority":2},"html":"

marblejs 是 nodejs 的服务端框架，使用 typescript，RxJs。 其作用类似于 expressjs 等。

"}},{"node":{"frontmatter":{"title":"docker中使用nodejs的几个技巧","publish":true,"cover":"https://i0.wp.com/blog.docker.com/wp-content/uploads/2019/07/C3-promo-small.jpg?w=1280&ssl=1","showCover":true,"date":"2019-08-01","category":"nodejs","url":"https://blog.docker.com/2019/07/keep-nodejs-rockin-in-docker/","author":"Bret Fisher 摘译 Ka","translator":"","tags":["docker"],"priority":1},"html":"

镜像选择小的，推荐node:slim而不是node:alpine

\n

\n

不要修改node_modules文件夹，应该在容器内下载依赖

\n

使用node而不是npm启动程序

\n

主要原因是npm不能转发进程信号

"}},{"node":{"frontmatter":{"title":"react-swipeable - react滑屏组件","publish":true,"cover":"","showCover":true,"date":"2019-08-01","category":"frontend","url":"http://dogfessional.github.io/react-swipeable/","author":"Dogfessional","translator":"","tags":["react"],"priority":1},"html":"

在线demo

"}},{"node":{"frontmatter":{"title":"react结合motion和router的动画特效例子","publish":true,"cover":"","showCover":true,"date":"2019-08-01","category":"frontend","url":"https://codesandbox.io/s/framer-motion-x-react-router-n7qhp","author":"Matt Perry","translator":"","tags":["react"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"semiotic-基于d3的react图表组件","publish":true,"cover":"https://github.com/nteract/semiotic/raw/master/semiotic_logo_horizontal.png","showCover":true,"date":"2019-08-01","category":"frontend","url":"https://github.com/nteract/semiotic","author":"nteract 编辑 Ka","translator":"","tags":["react"],"priority":2},"html":"

d3很强大，强大得不是很容易用。semiotic对其进行了封装，成了react组件。

\n

三种图表结构：

\n\n

示例

"}},{"node":{"frontmatter":{"title":"react打印组件","publish":true,"cover":"","showCover":true,"date":"2019-08-01","category":"frontend","url":"https://github.com/gregnb/react-to-print","author":"gregn","translator":"","tags":["react"],"priority":1},"html":"
const Example = () => {\n  const componentRef = useRef();\n  return (\n    <div>\n      <ReactToPrint\n        trigger={() => <button>Print this out!</button>}\n        content={() => componentRef.current}\n      />\n      <ComponentToPrint ref={componentRef} />\n    </div>\n  );\n};
"}},{"node":{"frontmatter":{"title":"你为什么绝对应该学习用CSS-in-JS","publish":true,"cover":"","showCover":true,"date":"2019-08-01","category":"frontend","url":"https://jxnblk.com/blog/why-you-should-learn-css-in-js/","author":"Brent Jackson 摘译 Ka","translator":"","tags":["css"],"priority":1},"html":"

CSS-in-JS 做了什么

\n\n

CSS-in-JS 做了什么抽象

\n\n

从哪里开始

\n

阅读 https://www.gatsbyjs.org/docs/css-in-js/\n使用 Emotion 和 Styled-Components

"}},{"node":{"frontmatter":{"title":"动画工具箱大集合","publish":true,"cover":"","showCover":true,"date":"2019-08-01","category":"frontend","url":"https://css-tricks.com/css-animation-libraries/","author":"Chris Coyier ","translator":"","tags":["css"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"不要在生产环境中启动程序时整合数据库","publish":true,"cover":"","showCover":true,"date":"2019-07-29","category":"devops","url":"https://pythonspeed.com/articles/schema-migrations-server-startup/","author":"Itamar Turner-Trauring 摘译 Ka","translator":"","tags":["database"],"priority":1},"html":"\n

解决：\n数据库整合应该是单独的操作，这样可以通过策略来避免downtime。\n可使用flyway这样的开源工具来自动整合。

"}},{"node":{"frontmatter":{"title":"使用panda读取json","publish":true,"cover":"https://www.marsja.se/wp-content/uploads/2019/07/python_pandas_read_json_write_url_requests.jpg","showCover":true,"date":"2019-08-01","category":"python","url":"https://www.marsja.se/how-to-read-and-write-json-files-using-python-and-pandas/","author":" Erik Marsja 编辑 Ka","translator":"","tags":["panda"],"priority":2},"html":"

不使用panda

\n
import json\nwith open('data.json', 'w') as outfile:\n    json.dump(data, outfile)
\n

panda读取文件

\n
import pandas as pd\n\ndf = pd.read_json('data.json')\n\ndf
\n

json to csv

\n
df.to_csv(\"data.csv\")
\n

直接网络获取

\n
# 方法一\nurl = \"https://api.exchangerate-api.com/v4/latest/USD\"\ndf = pd.read_json(url)\ndf.head()\n\n# 方法二\nimport requests\nfrom pandas.io.json import json_normalize\n\nurl = \"https://think.cs.vt.edu/corgis/json/airlines/airlines.json\"\nresp = requests.get(url=url)\n\ndf = json_normalize(resp.json())\ndf.head()
"}},{"node":{"frontmatter":{"title":"在线工具-生成使用styled组件创建的React条纹字特效组件","publish":true,"cover":"","showCover":true,"date":"2019-08-01","category":"frontend","url":"https://components.ai/text-stripes/#reacttt","author":"Components.ai","translator":"","tags":["react"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"动画表示React生命周期","publish":true,"cover":"","showCover":true,"date":"2019-08-01","category":"frontend","url":"https://medium.com/@js_tut/react-animated-tutorial-7a46fa3c2b96","author":"JavaScript Teacher","translator":"","tags":["react"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"semiotic-基于d3的react图表组件","publish":true,"cover":"https://camo.githubusercontent.com/a6caff29efcb54c8be6243fa952397c1a0ad0478/68747470733a2f2f6c68342e676f6f676c6575736572636f6e74656e742e636f6d2f2d5056772d5a554d397656382f557557654835316f7330492f414141414141414144364d2f30496b673776694a6674512f77313238362d683536362d6e6f2f6861636b6174686f6e2d737461727465722d6c6f676f2e6a7067","showCover":true,"date":"2019-08-01","category":"nodejs","url":"https://github.com/sahat/hackathon-starter","author":"Sahat Yalkabov 编辑 Ka","translator":"","tags":["boilerplate"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"游戏-飞翔的鸡蛋(Aero Egg)-ios非中国区可下载","publish":true,"cover":"https://blog.kazge.com/assets/volitantegg-show.gif","showCover":true,"date":"2019-06-12","category":"game","url":"https://apps.apple.com/us/app/aero-egg/id1247264387?ls=1","author":"广告","translator":"","tags":["ads"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"流体模拟特效","publish":true,"cover":"","showCover":true,"date":"2019-08-01","category":"frontend","url":"https://liquid.lab.lorenzocadamuro.com/","author":"Lorenzo Cadamuro 编辑 Ka","translator":"","tags":["webgl"],"priority":1},"html":"

⚠️ 运行 CPU 会狂转!

\n

使用liquidfun(基于 box2d 的刚体引擎)和regl WebGL library

\n"}},{"node":{"frontmatter":{"title":"渐变样式选择工具","publish":true,"cover":"","showCover":true,"date":"2019-08-01","category":"frontend","url":"https://www.gradientmagic.com/","author":"Jordan Marshall","translator":"","tags":["css"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"想让你的文章出现在这里？","publish":true,"cover":"","showCover":true,"date":"2019-07-08","category":"frontend","url":"mailto:editor@zhouexin.com?subject=投稿!","author":"投稿","translator":"","tags":["editor"],"priority":1},"html":""}},{"node":{"frontmatter":{"title":"纯css响应式iframe","publish":true,"cover":"","showCover":true,"date":"2019-08-01","category":"frontend","url":"https://css-tricks.com/responsive-iframes/","author":"Chris Coyier","translator":"","tags":["css"],"priority":1},"html":"

iframe父元素relative,css创建一个伪元素，大小是指定的，再将iframe高宽设置为100%。

\n

代码:

\n"}}]}}