# 2022-09

![](https://p.ipic.vip/j7mttv.jpg)

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

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

## 2022-09

### 2022-09-30\[好文]

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

比如 alert(1337) 可以写成：

```js
alert`1337`;
```

甚至是这样：

```js
[].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 年人民币国际化报告》 中的一张图：

![](https://p.ipic.vip/w0fsrv.gif)

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

因此如果你想要体验你是前 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 等。

![](https://p.ipic.vip/bn2ws6.jpg)

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**， 这几个功能我个人非常期待，或许会大大提高我的调试效率。

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

![](https://p.ipic.vip/ymv8tw.jpg)

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 编译速度。

![](https://p.ipic.vip/wjvoe8.jpg)

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

### 2022-09-04\[工具]

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

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

![](https://p.ipic.vip/p3ffar.jpg)

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

### 2022-09-03\[网站]

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

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

### 2022-09-02\[好文]

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

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

![](https://p.ipic.vip/8ayd3n.jpg)

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>

## 关注我

我重新整理了下自己的公众号，并且我还给它换了一个名字`脑洞前端`，它是一个帮助你打开大前端新世界大门的钥匙 🔑，在这里你可以听到新奇的观点，看到一些技术尝新，还会收到系统性总结和思考。

在这里我会尽量通过图的形式来阐述一些概念和逻辑，帮助大家快速理解，图解是我的目标。

之后我的文章会同步到微信公众号 `脑洞前端` ，你可以关注获取最新的文章，并和我进行交流。

另外你可以回复大前端进大前端微信交流群， 回复 leetcode 拉你进 leetcode 微信群，如果想加入 qq 群，请回复 qq。

![](https://p.ipic.vip/bp35i7.jpg)


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://leetcode-solution-leetcode-pp.gitbook.io/mz-ri-yi-jm/2022-09.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.