2020-11
每天给你推荐一个新奇，好玩，高品质的开源库，好文，观点或言论等。
项目主页维护当前月份的内容，想看往期内容，可以翻到下方历史汇总部分，然后选择自己感兴趣的月份点进去即可。
任何一个 Git 仓库，都包含一个相同的对象（哈希为 4b82...4904），指向一个空树（empty tree），这是为什么？
地址：https://floatingoctothorpe.uk/2017/empty-trees-in-git.html
Chrome 浏览器引入了一项试验性功能，在开发者工具里面提供 CSS 样式表的概况统计。
地址：https://umaar.com/dev-tips/240-css-overview-improved/
作者刷了 200 多道题顺利拿到了满意的 offer 之后写的一个电子书，将自己的心路历程记录了下来，本书一共精选了 101 道题目。
简单评价一下内容，排版不错，内容丰富，几乎囊括了所有常见考点，致命伤是讲解很少，不适合小白。
项目地址：https://github.com/changgyhub/leetcode_101
一文带你看遍 Java 8 到 Java 15 的更新。
文章地址：https://advancedweb.hu/new-language-features-since-java-8-to-15/
又一个 awesome 系列的仓库。这个仓库是 sorrycc 写的，sorrycc 是 antd，umijs，qiankun 等优秀前端开源框架的核心开发人员。
这个仓库的内容相 当多，我大概看了几个，质量还可以。大家可以收藏一下，等有需要的话去翻翻看，说不定有你需要的呢~
部分仓库内容：
仓库地址：https://github.com/sorrycc/awesome-javascript#testing-frameworks
这里有一个测试你 JS 基础能力的系列试题。我做了一下，难度偏简单，更多的还是科普。如果你基础比较差建议看一下。目前有五大块内容：
仓库地址：https://github.com/sadanandpai/javascript-code-challenges
Rust 最近随着 deno 以及其他前端工具的崛起进入了大家的视野。这里有一份 Rust 的教学博客，内容会持续更新，目前有一篇已经翻译成了中文。
地址：https://github.com/pretzelhammer/rust-blog
fd 是一个可以代替 find 命令的工具命令，使用起来非常简单，而且速度很快。比如:
# 查找隐藏文件
fd --hidden
# 查找包括 x 的文件和文件夹
fd x
# 查找 md 后缀的文件
fd -e md
等等。。。
mac 用户可以直接
brew install fd 安装，其他系统参考下方链接的 install 部分。地址：https://github.com/sharkdp/fd
一些 emoji 点缀会使得页面焕发生机。这里列举了 Github 支持的 Markdown emoji 标记，也就是说你可以编辑 markdown 在 Github 看效果。
地址：https://gist.github.com/rxaviers/7360908
如果你做一个网站，那么首先要考虑的是用户注册登录这些东西。一个公司都会有自己的账户系统，各个系统进行对接，也就是我们常说的单点登录（SSO）。
这里推荐一个集成账户系统，认证模块，第三方登录，SSO 等的一体化解决方案 Authing。
地址：https://docs.authing.cn/quickstart/best-practise.html
文章标题《底层原理：垃圾回收算法是如何设计的？》。这是一篇阿里技术出品的 JVM 的垃圾回收算法的底层解析，讲的还是不错的。目前比较流行的算法是标记清除，即从根部可达节点做一次深度优先遍历，将不可达的节点回收。除此之外，垃圾回收还有很多其他细节，比如垃圾回收算法和业务代码是串行，并行，还是并发等，标记和清除是分开的两个步骤么等等。这篇文章会给你答案。
其实其他编程语言的 GC 原理都大差不大， 比如 V8 的 GC 就和 JVM 有很多的相似性。
原文链接：https://mp.weixin.qq.com/s/iklfWLmSD4XMAKmFcffp9g
以前都不知道 markdown 还可以支持 diff 效果。
以前我只知道可以写代码块，比如：
```java
// 你的代码
```
可以高亮 java 代码。
而实际上，我们不仅可以写编程语言， 还可以写 diff 实现 diff 效果。
比如：
会被渲染为：
function addTwoNumbers (num1, num2) {
- return 1 + 2
+ return num1 + num2
}
lighthouse 大家应该都比较熟悉了。 由于不可抗力，国内很多公司都使用 puppeteer + lighthouse 来搭建公司内部的性能评估平台。
一些公司甚至将 lighthouse 的魔改版加入到了公司的构建流程中来了，而 Chrome 官方开源的 lighthouse + ci 来了，不用自己搭建啦~
你如果用 github ，那么集成 lighthouse ci 简直不要太简单，真的是福音啊~
name: CI
on: [push]
jobs:
lighthouseci:
runs-on: ubuntu-latest
steps:
- uses: actions/checkout@v2
- uses: actions/setup-node@v1
- run: npm install && npm install -g @lhci/[email protected]
- run: npm run build
- run: lhci autorun
地址：https://github.com/GoogleChrome/lighthouse-ci
一个面向初级前端的好文，图文并茂，甚至配了动画，生动形象，基本上属于看了就会系列了。
文章讲了什么是垃圾回收以及垃圾回收的两种算法：引用计数和标记清除。还讲了内存泄漏相关的实践内容。
文章地址：https://felixgerschau.com/javascript-memory-management/
很多国人碰到过 node-saas 按照失败的情况，今天介绍一个方法给大家。这个方法其实很简单，使用中国镜像按照即可，比如你用的 是 npm，执行以下命令即可：
npm install -g mirror-config-china --registry=http://registry.npm.taobao.org
npm install node-sass
当你想使用一些偏门的组件，比如水印，高德地图，音视频等，那么可以考虑使用这个组件库。它是由阿里内部维护开源的，质量应该不错の。
（直播组件）
（地图组件）
仓库地址：https://github.com/pansyjs/react-components
我重新整理了下自己的公众号，并且我还给它换了一个名字
脑洞前端，它是一个帮助你打开大前端新世界大门的钥匙 🔑，在这里你可以听到新奇的观点，看到一些技术尝新，还会收到系统性总结和思考。在这里我会尽量通过图的形式来阐述一些概念和逻辑，帮助大家快速理解，图解是我的目标。
之后我的文章会同步到微信公众号
脑洞前端 ，你可以关注获取最新的文章，并和我进行交流。另外你可以回复大前端进大 前端微信交流群， 回复 leetcode 拉你进 leetcode 微信群，如果想加入 qq 群，请回复 qq。
Last modified 8mo ago