2020-08

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

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

2020-08

2020-08-26[好文]

原文标题：《Under the hood of React’s hooks system》，这是一个讲 React Hook 的底层实现原理的文章，能够帮你更好的理解 hooks，写出更好的 hooks 代码。

比如 React 对各种 effect 做了位的标识，用于简化判断，文章也进行了讲解。以及 useState 实际上调用的就是 useReducer 等。

原文链接：https://medium.com/the-guild/under-the-hood-of-reacts-hooks-system-eb59638c9dba

2020-08-25[工具]

有时候大家会碰到网页不能复制（比如禁止转载）的情况，我们可以使用开发者工具来解决。而这个有点复杂。

这里推荐一个插件 Simple Allow Copy，只需轻轻一点即可随意复制网页内容。插件地址： https://chrome.google.com/webstore/detail/simple-allow-copy/aefehdhdciieocakfobpaaolhipkcpgc

没有科学的同学可以去我的公众号《力扣加加》回复 Allow Copy 即可获取。

另外我打算之后再这里维护科学资料，需要的自取 https://github.com/azl397985856/cdn/blob/master/README.md

2020-08-24[好文]

这是一个讲 V8 内部实现原理的深度好文，主要讲了 V8 在对象访问方面做的优化，比如用到了 shape， IC（inline cache）等，并且难得的是有大量图片，内容也层层递进，即使你没有基础也可以听懂一部分。

文章地址： https://mathiasbynens.be/notes/shapes-ics

2020-08-19[工具]

我们可以将 TypeScript 编译成 JavaScript，我们也可以将 JavaScript + .d.ts 反编译成 TypeScript。于是我一直思考，有没有一种方法能够不依赖 .d.ts 直接将 JavaScript 转换为 TypeScript 项目呢？我觉得是可行的。我们要做的无非就是动态类型推导，即根据值的分布情况（有可能值的分布满足正太分布？^_^）推导变量的类型。实际上这是个理想的情况。

不过八天前 Airbnb 发布的一个仓库 ts-migrate 则和我的想法类似，大家可以关注一下。

仓库主页：https://github.com/airbnb/ts-migrate

相关文章： https://medium.com/airbnb-engineering/ts-migrate-a-tool-for-migrating-to-typescript-at-scale-cd23bfeb5cc

2020-08-18[好文]

你或许已经熟悉了 ESM 了，那 importmap 呢？

// index.html

<script type="importmap">
{
  "imports": {
    "lodash": "/node_modules/lodash-es/lodash.js"
  }
}
</script>

如上代码什么意思？如果你还不知道，可以看下这个文章。还是一如既往的循序渐进的风格，很适合新手阅读。

文章地址：https://blog.logrocket.com/es-modules-in-browsers-with-import-maps/

2020-08-17[工具]

我们知道 deno 是基于 ESM 的，并且没有统一的包管理平台的。那如果你在使用 deno，并且想要用 npm 上的包怎么办？如果你想要用的 node 上的包是 ESM 格式的，可以通过一些 CDN 工具，比如 unpkg，比如：

import throttle from https://unpkg.com/lodash@4.17.19/throttle.js

如果源码是 ESM，但是最终被编译成了别的模块语法。你可以直接用 URL 引用源码，比如：

import throttle from "https://raw.githubusercontent.com/lodash/lodash/master/throttle.js";

而如果源码也是 commonjs 写的，那么你可以使用这个在线服务，可以帮助你无感知转换格式。使用方法：

import lodash from "https://dev.jspm.io/lodash";

工具地址： https://jspm.org/

2020-08-10[好文]

手把手教你自建图床。

文章地址： https://sspai.com/post/61624

除了使用 OSS+ CDN 的方式，我们也可以选择白嫖 Github。使用全免费方案：用 github 做图床，jsDelivr 做 cdn 加速。在 GitHub 上开一个 public 的仓库，然后把图片传上去，访问的时候用 https://cdn.jsdelivr.net/gh/<user_name>/>repo_name>/<file_name> 来访问就行。