每天給你推薦一個新奇，好玩，高品質的開源庫，好文，觀點或言論等。
專案主頁維護當前月份的內容，想看往期內容，可以翻到下方歷史彙總部分，然後選擇自己感興趣的月份點進去即可。
2022-04
2022-04-28[工具]
import-local 是一個 NodeJS 端的工具，用於檢測本地是否安裝了某個包。如果你在開發一個 node 的 cli 應用，並且想要提高效能使用使用者本地安裝好的包，它就很適合你。
via: https://github.com/sindresorh...
2022-04-28[好文]
rest api 中的 POST 和 PUT 有什麼區別？一個用於新建資源，一個用於更新資源？不是的！
via: https://stackoverflow.com/que...
2022-04-25[網站]
一個低程式碼平臺，通過它可以拖拽生成自己的網站。
值得一提的是，一些框架已經開始整合它了。你可以通過 builder.io 匯出程式碼，然後通過一些工具生成各個框架的中間程式碼（比如 react，vue），也可以直接生成原生 JS 程式碼。
2022-04-24[工具]
今天是中國五一假期的調休。調休真的是一個反人類的設計。
cypress 是一個 e2e 測試工具，可以很容易地整合到各個測試框架中去，比如 jest。
via: https://github.com/cypress-io...
2022-04-23[好文]
Navidrome 是一個音樂管理系統，你可以將其部署到本地，然後通過網頁播放器播放本地音樂。Navidrome 體驗 via: https://demo.navidrome.org/app/
很多其他的工具使用的都是網上現成的資源，比如 1listen 就是使用的蝦米，QQ 和網易雲的音樂源。
via: https://www.navidrome.org/
2022-04-22[好文]
之前我寫過 TypeScript 系列教程，其中有一篇是 上帝視角看 TypeScript
這個文章和我的那篇很像，都是從巨集觀上帶大家理解 TypeScript 究竟做了什麼。這篇文章比我的更細緻一點，推薦大家結合起來閱讀。
via: https://www.huy.rocks/everyda...
2022-04-21[網站]
yandex 提供了簡潔的線上翻譯功能。 你可以直接輸入文字進行翻譯，也可以上傳檔案整體翻譯。
它還提供了 api 供開發者使用，我的 leetcode 專案的部分內容就是用它進行翻譯的。不得不承認，專有名詞的翻譯還是不行，比如動態規劃會翻譯為 dynamic planning。
via: https://translate.yandex.com/
2022-04-20[好文]
只要 5 美元就可以破解指紋解鎖？Your Fingerprint Can Be Hacked For $5. Here’s How.
via: https://blog.kraken.com/post/...
2022-04-19[好文]
如果檢測有沒有全域性變數引起的記憶體洩漏？這篇文章告訴你，作者提供了 js 程式碼，大家可以直接拿來主義。
文中有一點沒有提到，其實很多全域性變數是需要一定條件才會觸發的。因此要想真正將其整合到專案的 CI 中，還需要一些額外的條件，那就是在程式中手動多次呼叫檢測方法，而不是呼叫一次就完事了。
via: https://mmazzarolo.com/blog/2...
2022-04-18[工具]
上海疫情使得很多人買不到菜。熱愛折騰的網友開源了搶菜軟體。
注：如非必要，不要使用這種極端方法，這會給其他沒有菜吃的人帶來很多麻煩。
via:
2022-04-15[技巧]
Github 的 issue 有很多不好用的地方，比如不支援 comment 自定義排序，以至於有一些外掛“鑽了空子”，提供了按照 reactions 進行排序的功能。
Disscussion 彌補了這塊空白。 Disscussion 內建兩種排序規則，分別是時間順序和投票數。
你可以結合使用 issue 和 Disscussion 獲得更好的體驗。
近期 Github 還給 Disscussion 提供了問答社群才有的功能 - 選為答案。
只需要在新建 Disscussion 的時候類別選擇 Q&A 就可以體驗這個功能了。
via: https://github.com/azl3979858...
2022-04-14[好文]
JS 的繼承和傳統的 class 繼承（比如 Java 的）有什麼區別？（How does JavaScript's prototypal inheritance differ from classical inheritance?）
via: https://dev.to/chalarangelo/h...
2022-04-13[網站]
和昨天的推薦類似，這個網站也是移除不想要的部分的神奇網站。
只不過它不是移除圖片中不想要的部分，而是分離音訊中的人聲和非人聲。這樣就可以達到移除人聲或者移除噪音的效果。
via: https://vocalremover.org/
2022-04-12[網站]
一個無需註冊的線上網站，你可以用它來移除圖片中的部分內容。
via: https://www.magiceraser.io/
2022-04-11[網站]
一個俄羅斯的網站，據說是全世界最大的名畫博物館。
並且提供免費的高清下載，比如蒙娜麗莎這裡可以直接下載，解析度是 3931 * 5178，4 M 左右的大小。
2022-04-08[網站]
Games104 網站提供了從零學習遊戲引擎的教程，有成型的完整程式碼託管在開源的 Github 倉庫。
有做遊戲的，或者想了解遊戲引擎的可以看一下。
via: https://games104.boomingtech....
2022-04-07[好文]
chrome 103 目前支援了 fs api。
使用者可以通過 fs api 來讀取檔案，寫入檔案，刪除檔案，建立檔案等。
比如讀取檔案的程式碼：
let fileHandle;
document.querySelector(".pick-file").onclick = async () => {
[fileHandle] = await window.showOpenFilePicker();
const file = await fileHandle.getFile();
const content = await file.text();
return content;
};除了 chrome 103 ，其他部分瀏覽器的新版本也提供了支援，具體支援情況如下圖。
via: https://css-tricks.com/gettin...
2022-04-06[雜談]
想去貴州看櫻花~
via: https://fashion.sina.cn/l/ds/...
2022-04-05[工具]
bitbucket 是一個開源的程式碼倉庫，可以用來存放開源專案的程式碼。
和 Github，Gitlab 不同，bitbucket 內建了 jira 用於管理需求 ，snyk 用於管理 包安全。個人感覺 Github 和 Gitlab 在這幾方面體驗還沒那麼好。
2022-04-03[技巧]
vscode 中會自動為 typescript 專案選擇 workspace 的 node_modules 的 typescript，但是我們可以手動選擇 workspace。
方法很簡單， 你只需要開啟一個 workespace 下的 TypeScript 檔案，然後點選右下角的 TypeScript 旁邊的版本號。
然後會讓你選擇版本。
如果有多個 TypeScript ，錯誤使用其他版本的 TypeScript 會導致編譯失敗。專案中可以通過配置 vscode 的方式解決這問題。
具體地，大家可以在專案根目錄的 .vscode 資料夾下新建一個 setting.json 然後進行如下配置。
{
"typescript.tsdk": "node_modules/typescript/lib/typescript.js"
}更多用法參考官方文件：https://code.visualstudio.com...
2022-04-02[好文]
Github 面試還會佈置家庭作業？
家庭作業也通過 Github 進行。大概是給你一個倉庫，然後你 fork 過去後進行編輯，完成後 pr 到原倉庫進行 review。
via: https://github.blog/2022-03-3...
2022-04-01[網站]
CS61A（Structure and Interpretation of Computer Programs）是伯克利所有計算機系學生必須要上的第一門程式設計課，前半部分以 Python 為主，後半部分以 Schema 為主。網站資源很豐富，作為一個普通遊客最主要的就是課件，其提供了 html 和 pdf 兩種格式。課件圖文豐富，這和其他同級別課程差異很大，對新手比較友好。
via: https://cs61a.org/
關注我
我重新整理了下自己的公眾號，並且我還給它換了一個名字腦洞前端，它是一個幫助你開啟大前端新世界大門的鑰匙 ?，在這裡你可以聽到新奇的觀點，看到一些技術嘗新，還會收到系統性總結和思考。
在這裡我會盡量通過圖的形式來闡述一些概念和邏輯，幫助大家快速理解，圖解是我的目標。
之後我的文章會同步到微信公眾號 腦洞前端 ，你可以關注獲取最新的文章，並和我進行交流。
另外你可以回覆大前端進大前端微信交流群， 回覆 leetcode 拉你進 leetcode 微信群，如果想加入 qq 群，請回復 qq。
<img width="300" src="https://tva1.sinaimg.cn/large/006y8mN6ly1g7he9xdtmyj30by0byaac.jpg">