《每日一荐周刊》2019-12-09 - 2019-12-13

2019-12-13[类库]

loki 是一个 React Storybook 组件回归测试工具。React Storybook 是一个我 15 年就开始关注的一个工具，本身的设计思想我比较喜欢。现在除了支持 React，也支持 React Native，Vue，Angular 等，甚至最新的 Svelte 也支持。

loki Github 地址：https://github.com/oblador/loki

2019-12-12[技巧]

Angular 的 Commit Message Conventions 是一套很流行的 Commit Message 规约。简单方便，一目了然，更重要的是这种约定化如果形成一种默契，不管对于之后查看，还是生成各种外部资料（比如 CHNAGELOG）都是非常方便的。

详细信息：https://gist.github.com/stephenparish/9941e89d80e2bc58a153

相关工具也有很多，我个人使用的是Commitizen^[1]

2019-12-11[好文]

文章标题 《花椒前端基于 WebAssembly 的 H.265 播放器研发》，本文从背景介绍，技术调研，实际方案到最后的实践效果，完整地讲述了通过 wasm 将 H.265 应用到不支持其的浏览器的过程。干货满满，其架构图画的也是我比较喜欢的风格。

文章地址：https://zhuanlan.zhihu.com/p/73772711

2019-12-10[技巧]

我们有时候需要在终端访问一些国外的资源。我目前采取的措施主要是给终端设置 proxy。

alias proxy='export all_proxy=socks5://127.0.0.1:1086'
alias unproxy='unset all_proxy'

其中socks5://127.0.0.1:1086是我的本机的正向代理地址。

如下是使用效果：

如图显示我们代理成功了，而且我们可以方便的在不想要代理的时候去掉代理。

2019-12-09[类库]

对于前端，我们经常需要将组件进行可视化的展示。在 Vue 中，我们通常会用 docsify^[2] 或者 vuepress^[3] 等。而对于 react 比较有名的有 storybook^[4] 和 docz^[5]。

当然这并不是绝对的，比如 storybook 也在支持 vue 和 webcomponents。

参考资料

[1]

Commitizen: https://github.com/commitizen?type=source

[2]

docsify: https://github.com/docsifyjs/docsify

[3]

vuepress: https://github.com/vuejs/vuepress

[4]

storybook: https://github.com/storybookjs/storybook

[5]

docz: https://github.com/doczjs/docz