2022-09

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

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

2022-09

2022-09-30[好文]

文章介绍了如下几种可以不使用括号执行函数的方法。

比如 alert(1337) 可以写成：

alert`1337`;

甚至是这样：

[].sort.call`${alert}1337`;

这有什么用？

有的放地方会静态检测代码有没有函数执行代码（invoke）。
看起来很酷 😎
。。。

via: https://portswigger.net/research/the-seventh-way-to-call-a-javascript-function-without-parentheses

2022-09-29[工具]

一个 nodejs 库，可以将你的 nodejs 应用打包为二进制包，支持多种操作系统。打包后就可以在不安装对应 nodejs 环境的情况下使用软件，因为 pkg 已经将依赖打包进去了。

via: https://github.com/vercel/pkg

2022-09-27[技巧]

今天学到了一个很巧妙的做图技巧。

如下图是中国人民银行日前发布的《2022 年人民币国际化报告》中的一张图：

人民币如果和其他货币一个纵轴的话，那么就会显得人民币很不显眼（事实就是这样）。这里直接将人民币的纵轴画到右侧，这样从图上看人民币和其他的就差不多，甚至还特别领先！

因此如果你想要体验你是前 x 名，但是和前面的 x - 1 名差距非常大，就可以试试这个技巧。

2022-09-23[好文]

webpack 项目如何配置 sourcemap，开发环境和生成环境有什么不同？

我想仅仅映射到原文件怎么配置？我想映射到具体的行呢？我想映射到具体的行列信息呢？我不想把 sourcemap 和源文件一起打包，因为那样体积太大了，怎么配置？等等等等。。。

正所谓难者不会，会者不难。其实你只要知道了有几种配置，然后根据自己的情况排列组合即可。

via: https://mp.weixin.qq.com/s/0Sq9Z0i9Q3N0likFlZB0rQ

2022-09-16[插件]

有些网站很讨厌，给你禁用右键(right-click)，不能把复制之类的。这个 chrome 插件可以帮你解决这个问题。使用方式很简单，安装好后只有点一下就行。

via: https://chrome.google.com/webstore/detail/allow-right-click/hnafhkjheookmokbkpnfpmemlppjdgoi/related?hl=en-US

2022-09-15[网站]

又一个可以可视化 Github 用户资料的网站，包含的信息非常全，包括 star， code 和 code review 等。

via: https://ossinsight.io/analyze/azl397985856

2022-09-14[好文]

elab 团队的《联机游戏原理入门即入土 -- 入门篇》，对游戏开发感兴趣的可以读一读。

via: https://mp.weixin.qq.com/s?__biz=MzkxNTIwMzU5OQ==&mid=2247495741&idx=1&sn=140145af9fd8e838a5ded3200b3bd049&c

2022-09-13[网站]

输入 URL，它能够帮你分析这个网站的技术栈，并提供一些分析和建议。比如：

包的大小版本
包的风险
包是否过期
等等

via: https://gradejs.com/w/leetcode-solution.cn

2022-09-09[仓库]

一个持续更新的 打包 JavaScript 库的现代化指南。

里面很多提到的大多数规则都是开源社区一致认可的最佳实践。如果你在开发为他人服务的 JavaScript 库代码，那么可以参考下，即使你是在做公司内部项目。

有中文版本

via: https://github.com/frehner/modern-guide-to-packaging-js-library

2022-09-08[好文]

上个月刚刚更新的 Chrome devtool 调试技巧 Modern web debugging in Chrome DevTools，这几个功能我个人非常期待，或许会大大提高我的调试效率。

除此之外还有一些其他的实验功能也很不错，推荐大家打开尝试一下。

via: https://developer.chrome.com/blog/devtools-modern-web-debugging/

2022-09-07[工具]

之前介绍过一个在线可视化生成 nginx 的网站。而这个工具是类似的，是一个 nginx 管理前端，通过它可以启动 nginx 服务并通过 UI 直接生成 nginx 配置。

via: https://nginxproxymanager.com/screenshots/

2022-09-06[工具]

一个开源的 lldap，可用于小型团队的验证服务。之前介绍过很多这种开源的给小公司团队的工具，比如堡垒机等。

via: https://github.com/nitnelave/lldap

2022-09-05[好文]

tsc --listFiles 可以列出来 ts 处理的所有文件。基于此可以使用一个工具对这些文件进行可视化分析，类似于 webpack 的包可视化工具。本文讲解了如何使用这个工具来分析并加速 tsc 编译速度。

via: https://effectivetypescript.com/2022/07/30/treemap-for-source-files/

2022-09-04[工具]

又一个检测 JS 内存泄漏的网站。

你只要告诉它你网站的进入和退出方法就可以使用 cli 来检测潜在的内存泄漏点。

https://facebookincubator.github.io/memlab/

2022-09-03[网站]

目前国内比较便宜的 CDN 服务商（一个人搞的，好像不怎么出名）。感兴趣的可以先免费体验一个月。

via: https://www.dfyun.com.cn/

2022-09-02[好文]

git 就是一个分布式存储系统。我之前也从零实现过简化版的 Git。

而这篇文章更为细致，并配有大量图片，如果你对 git 原理感兴趣，非常值得深入阅读。目前已经更新了三篇。

via: https://github.blog/2022-08-29-gits-database-internals-i-packed-object-store/

2022-09-01[类库]

immerjs 是一个对标 immutable 的状态管理辅助库，优点是使用简单，一个 api 就可以搞定。缺点的话大概就是部分场景性能略差。至于原因，可以看看我之前写的这篇文章《immutablejs 是如何优化我们的代码的？》，地址：https://lucifer.ren/blog/2020/06/13/immutable-js/。

via: https://immerjs.github.io