每天给你推荐一个新奇,好玩,高品质的开源库,好文,观点或言论等。
项目主页维护当前月份的内容,想看往期内容,可以去每日一荐主仓库翻到下方历史汇总部分,然后选择自己感兴趣的月份点进去即可。
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/fileSearch in case-insensitive mode:
grep -i search_string path/to/fileSearch 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/filePrint 3 lines of [C]ontext around, [B]efore, or [A]fter each match:
grep -C|B|A 3 search_string path/to/filePrint file name with the corresponding line number for each match:
grep -Hn search_string path/to/fileUse the standard input instead of a file:
cat path/to/file | grep search_stringInvert 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。
1 | alias proxy='export all_proxy=socks5://127.0.0.1:1086' |
其中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
2019-12-05[好文]
如果你想做微前端,一定要能够回答出这 10 个问题。
- 微应用的注册、异步加载和生命周期管理;
- 微应用之间、主从之间的消息机制;
- 微应用之间的安全隔离措施;
- 微应用的框架无关、版本无关;
- 微应用之间、主从之间的公共依赖的库、业务逻辑(utils)以及版本怎么管理;
- 微应用独立调试、和主应用联调的方式,快速定位报错(发射问题);
- 微应用的发布流程;
- 微应用打包优化问题;
- 微应用专有云场景的出包方案;
- 渐进式升级:用微应用方案平滑重构老项目。
今天推荐的这个文档,区别与别的微前端文章的点在于其更加靠近规范层面,而不是结合自己的业务场景做的探索。这篇文章来自于阿里团队。
文章地址: https://mp.weixin.qq.com/s/rYNsKPhw2zR84-4K62gliw
2019-12-04[工具]
相信大家使用 shell 的时候,会经常碰到忘记的 option,或者某一个用法记不清楚。遇到这种问题通常我们会用 man 或者命令提供的—help 查看用法。 这里给大家介绍另外一种工具tldr
, 它是一个将 man page 进行简化,将大家常用的用法总结出来的工具。
安全也非常简单,只需要 npm install -g
(前提是你必须安装 node), 如果你不想安装也没有关系,它还提供了web 版。另外你也可以参考这里定制你的主题
仓库地址: https://github.com/tldr-pages/tldr
2019-12-03[技巧]
今天给大家介绍的是Google高级搜索技巧
。我们经常使用搜索引擎搜索一些东西,不管是遇到问题想寻求解决方案也好,想学习一些新东西也好,掌握一定的搜索技巧是可以让你搜索的过程事半功倍,尤其是常用的技巧一定要记住。
2019-12-02[软件]
我们公司在使用的一个完全开源的堡垒机,是符合 4A 的专业运维审计系统。
地址: https://github.com/jumpserver/jumpserver
关注我
我重新整理了下自己的公众号,并且我还给它换了一个名字脑洞前端
,它是一个帮助你打开大前端新世界大门的钥匙 🔑,在这里你可以听到新奇的观点,看到一些技术尝新,还会收到系统性总结和思考。
在这里我会尽量通过图的形式来阐述一些概念和逻辑,帮助大家快速理解,图解是我的目标。
之后我的文章会同步到微信公众号 脑洞前端
,你可以关注获取最新的文章,并和我进行交流。
另外你可以回复大前端进大前端微信交流群, 回复 leetcode 拉你进 leetcode 微信群,如果想加入 qq 群,请回复 qq。