《每日一荐周刊》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/steph...

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

2019-12-11[好文]

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

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

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 或者 vuepress 等。而对于 react 比较有名的有 storybook 和 docz。

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

关注我

觉得不错点个赞，欢迎 加群 互相学习。我的个人博客：https://lucifer.ren/blog/

也欢迎关注我的个人公众号，原创好货持续更新！