**伯克利大學** 的計算機入門教程

lucifer 發表於 2022-05-16

**伯克利大學** 的計算機入門教程

每天給你推薦一個新奇,好玩,高品質的開源庫,好文,觀點或言論等。

專案主頁維護當前月份的內容,想看往期內容,可以翻到下方歷史彙總部分,然後選擇自己感興趣的月份點進去即可。

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 程式碼。

via: https://www.builder.io/

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 左右的大小。

via: https://gallerix.asia/

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 在這幾方面體驗還沒那麼好。

**伯克利大學** 的計算機入門教程

via: https://bitbucket.org

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">