Links

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

关注我

我重新整理了下自己的公众号,并且我还给它换了一个名字脑洞前端,它是一个帮助你打开大前端新世界大门的钥匙 🔑,在这里你可以听到新奇的观点,看到一些技术尝新,还会收到系统性总结和思考。
在这里我会尽量通过图的形式来阐述一些概念和逻辑,帮助大家快速理解,图解是我的目标。
之后我的文章会同步到微信公众号 脑洞前端 ,你可以关注获取最新的文章,并和我进行交流。
另外你可以回复大前端进大前端微信交流群, 回复 leetcode 拉你进 leetcode 微信群,如果想加入 qq 群,请回复 qq。
Last modified 1yr ago