2019-12
每天给你推荐一个新奇，好玩，高品质的开源库，好文，观点或言论等。
项目主页维护当前月份的内容，想看往期内容，可以翻到下方历史汇总部分，然后选择自己感兴趣的月份点进去即可。
今天是我的生日，祝我生日快乐 🎂 ～～～～
一般公司的卫生间贴的都是公司信息或心灵鸡汤，但是谷歌卫生间贴的是
如何找到代码 Bug，不得不感叹“这实在是太硬核了”！今天是平安夜，苹果 🍎 和圣诞礼物 🎁 都收到了么？
今天给大家推荐的是一个 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
很多人问我如何保持高效率。 首先要说的是我的效率并不是很高，这也就是我为什么还在不断学习提高效率的原因之一。那么既然有人问了我就班门弄斧回答一下，大家有什么好的方法和技巧欢迎提出来交流。
为了让自己保持高效率，我自己开了一个仓库记录了自己保持“高效率”的方式。希望可以给大家启发，本仓库内容持续更新～
仓库大纲：
仓库截图：
Facebook 发布 Hermes， 一个新的专门用于 React Native 的 JS 引擎。
很多高级语言有自动的垃圾回收器，比如 JS，JAVA，Go 等。其会自动地进行垃圾回收工作，而不必像诸如 C 和 C++那样手动分配和清除内存。
对于 old space 的垃圾回收算法有一个是标记清除，从一个根对象开始对于所有可达的对象进行标记，剩下的就是不可达的，我们将其进行清除，本文讲解了三色标记法（黑色，白色和灰色），三色标记法本质上进行一次 DFS，并将内存对象分到三个部分，DFS 完成之后清除不可达的内存（白色）。这篇文章以动画形式讲解了三色标记法的具体过程。
哈弗大学 CS50 系列，内容持续更新，现在最新的是 2019 年。 你可以跟着教程来重新学习 CS 基础。
Learn Git Branching 是一个交互式学习 Git 的网站。沙盒里你能执行相应的命令，还能看到每个命令的执行情况； 通过一系列刺激的关卡挑战，逐步深入的学习 Git 的强大功能，在这个过程中你可能还会发现一些有意思的事情。
最新版本的 Chrome 和 Firefo 浏览器取消 EV 证书的显示。
只有用户点击了锁 🔒，才会显示出 EV 证书的信息。
为什么会这样？想要知道答案的可以点击原文阅读。
loki 是一个 React Storybook 组件回归测试工具。React Storybook 是一个我 15 年就开始关注的一个工具，本身的设计思想我比较喜欢。现在除了支持 React，也支持 React Native，Vue，Angular 等，甚至最新的 Svelte 也支持。
Angular 的 Commit Message Conventions 是一套很流行的 Commit Message 规约。简单方便，一目了然，更重要的是这种约定化如果形成一种默契，不管对于之后查看，还是生成各种外部资料（比如 CHNAGELOG）都是非常方便的。
文章标题 《花椒前端基于 WebAssembly 的 H.265 播放器研发》，本文从背景介绍，技术调研，实际方案到最后的实践效果，完整地讲述了通过
wasm 将 H.265 应用到不支持其的浏览器的过程。干货满满，其架构图画的也是我比较喜欢的风格。我们有时候需要在终端访问一些国外的资源。我目前采取的措施主要是给终端设置 proxy。
alias proxy='export all_proxy=socks5://127.0.0.1:1086'
alias unproxy='unset all_proxy'
其中
socks5://127.0.0.1:1086是我的本机的正向代理地址。如下是使用效果：
如图显示我们代理成功了，而且我们可以方便的在不想要代理的时候去掉代理。
当然这并不是绝对的，比如 storybook 也在支持 vue 和 webcomponents。
在分析 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
如果你想做微前端，一定要能够回答出这 10 个问题。
- 1.微应用的注册、异步加载和生命周期管理；
- 2.微应用之间、主从之间的消息机制；
- 3.微应用之间的安全隔离措施；
- 4.微应用的框架无关、版本无关；
- 5.微应用之间、主从之间的公共依赖的库、业务逻辑(utils)以及版本怎么管理；
- 6.微应用独立调试、和主应用联调的方式，快速定位报错（发射问题）；
- 7.微应用的发布流程；
- 8.微应用打包优化问题；
- 9.微应用专有云场景的出包方案；
- 10.渐进式升级：用微应用方案平滑重构老项目。
今天推荐的这个文档，区别与别的微前端文章的点在于其更加靠近规范层面，而不是结合自己的业务场景做的探索。这篇文章来自于阿里团队。
相信大家使用 shell 的时候，会经常碰到忘记的 option，或者某一个用法记不清楚。遇到这种问题通常我们会用 man 或者命令提供的--help 查看用法。 这里给大家介绍另外一种工具
tldr, 它是一个将 man page 进行简化，将大家常用的用法总结出来的工具。今天给大家介绍的是
Google高级搜索技巧。我们经常使用搜索引擎搜索一些东西，不管是遇到问题想寻求解决方案也好，想学习一些新东西也好，掌握一定的搜索技巧是可以让你搜索的过程事半功倍，尤其是常用的技巧一定要记住。我们公司在使用的一个完全开源的堡垒机，是符合 4A 的专业运维审计系统。
我重新整理了下自己的公众号，并且我还给它换了一个名字
脑洞前端，它是一个帮助你打开大前端新世界大门的钥匙 🔑，在这里你可以听到新奇的观点，看到一些技术尝新，还会收到系统性总结和思考。在这里我会尽量通过图的形式来阐述一些概念和逻辑，帮助大家快速理解，图解是我的目标。
之后我的文章会同步到微信公众号
脑洞前端 ，你可以关注获取最新的文章，并和我进行交流。另外你可以回复大前端进大前端微信交流群， 回复 leetcode 拉你进 leetcode 微信群，如果想加入 qq 群，请回复 qq。
Last modified 1yr ago