2019-12

每天给你推荐一个新奇，好玩，高品质的开源库，好文，观点或言论等。

项目主页维护当前月份的内容，想看往期内容，可以翻到下方历史汇总部分，然后选择自己感兴趣的月份点进去即可。

2019-12

2019-12-31[见闻]

今天是我的生日，祝我生日快乐 🎂 ～～～～

一般公司的卫生间贴的都是公司信息或心灵鸡汤，但是谷歌卫生间贴的是如何找到代码 Bug，不得不感叹“这实在是太硬核了”！

2019-12-24[技巧]

今天是平安夜，苹果 🍎 和圣诞礼物 🎁 都收到了么？

今天给大家推荐的是一个 linux 中非常常见的命令 grep 的常用用法。

图版本：

文字版本：

Matches patterns in input text.Supports simple patterns and regular expressions.

Search for an exact string: grep search_string path/to/file
Search in case-insensitive mode: grep -i search_string path/to/file
Search recursively (ignoring non-text files) in current directory for an exact string: grep -RI search_string .
Use extended regular expressions (supporting ?, +, {}, () and |): grep -E ^regex$ path/to/file
Print 3 lines of [C]ontext around, [B]efore, or [A]fter each match: grep -C|B|A 3 search_string path/to/file
Print file name with the corresponding line number for each match: grep -Hn search_string path/to/file
Use the standard input instead of a file: cat path/to/file | grep search_string
Invert match for excluding specific strings: grep -v search_string

2019-12-23[学习方法]

很多人问我如何保持高效率。首先要说的是我的效率并不是很高，这也就是我为什么还在不断学习提高效率的原因之一。那么既然有人问了我就班门弄斧回答一下，大家有什么好的方法和技巧欢迎提出来交流。

为了让自己保持高效率，我自己开了一个仓库记录了自己保持“高效率”的方式。希望可以给大家启发，本仓库内容持续更新～

仓库大纲：

仓库截图：

仓库地址：https://github.com/azl397985856/To-Be-Productive

2019-12-20[新闻]

Facebook 发布 Hermes，一个新的专门用于 React Native 的 JS 引擎。

文章地址：https://facebook.github.io/react-native/blog/2019/07/17/hermes

2019-12-19[好文]

很多高级语言有自动的垃圾回收器，比如 JS，JAVA，Go 等。其会自动地进行垃圾回收工作，而不必像诸如 C 和 C++那样手动分配和清除内存。

对于 old space 的垃圾回收算法有一个是标记清除，从一个根对象开始对于所有可达的对象进行标记，剩下的就是不可达的，我们将其进行清除，本文讲解了三色标记法（黑色，白色和灰色），三色标记法本质上进行一次 DFS，并将内存对象分到三个部分，DFS 完成之后清除不可达的内存（白色）。这篇文章以动画形式讲解了三色标记法的具体过程。

文章（《一张图了解三色标记法》）地址：http://idiotsky.top/2017/08/16/gc-three-color/

2019-12-18[教程]

哈弗大学 CS50 系列，内容持续更新，现在最新的是 2019 年。你可以跟着教程来重新学习 CS 基础。

地址：https://cs50.harvard.edu/college/

2019-12-17[网站]

Learn Git Branching 是一个交互式学习 Git 的网站。沙盒里你能执行相应的命令，还能看到每个命令的执行情况；通过一系列刺激的关卡挑战，逐步深入的学习 Git 的强大功能，在这个过程中你可能还会发现一些有意思的事情。

地址： https://learngitbranching.js.org/

2019-12-16[新闻]

最新版本的 Chrome 和 Firefo 浏览器取消 EV 证书的显示。

只有用户点击了锁 🔒，才会显示出 EV 证书的信息。

为什么会这样？想要知道答案的可以点击原文阅读。

原文地址：Chrome and Firefox Changes Spark the End of EV Certificates

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

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

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

2019-12-06[技能]

在分析 CPU、内存、磁盘等的性能指标时，有几种工具是高频出现的，如 top、vmstat、pidstat，这里稍微总结一下:

CPU：top、vmstat、pidstat、sar、perf、jstack、jstat；内存：top、free、vmstat、cachetop、cachestat、sar、jmap；磁盘：top、iostat、vmstat、pidstat、du/df；网络：netstat、sar、dstat、tcpdump；应用：profiler、dump 分析。排查 Java 应用的线上异常或者分析应用代码瓶颈，可以使用阿里开源的 Arthas ，nodejs 应用可以使用 alinode