**Berkeley's introductory computer course

Every day, I recommend a novel, fun, high-quality open source library, good articles, opinions or speeches to you.

The project homepage maintains the content of the current month. If you want to see the content of the past, you can turn to the history summary section below, and then select the month you are interested in and click it.

2022-04

2022-04-28[Tools]

import-local is a NodeJS-side tool used to detect whether a package is installed locally. If you're developing a node cli application and want to improve performance using user-installed packages, it's for you.

via: https://github.com/sindresorhus/import-local

2022-04-28[Good article]

What is the difference between POST and PUT in rest api? One for creating new resources and one for updating resources? no!

via: https://stackoverflow.com/questions/630453/what-is-the-difference-between-post-and-put-in-http

2022-04-25[Website]

A low-code platform through which you can drag and drop your own website.

It is worth mentioning that some frameworks have started to integrate it. You can export code through builder.io, and then use some tools to generate intermediate code for each framework (such as react, vue), or you can directly generate native JS code.

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

2022-04-24[Tools]

Today is China's May Day holiday. Retirement is really an anti-human design.

cypress is an e2e testing tool that can be easily integrated into various testing frameworks such as jest.

via: https://github.com/cypress-io/cypress

2022-04-23[Good article]

Navidrome is a music management system that you can deploy locally and play local music through a web player. Navidrome experience via: https://demo.navidrome.org/app/

Many other tools use existing resources on the Internet, such as 1listen, which uses Xiami, QQ and NetEase Cloud's music sources.

via: https://www.navidrome.org/

2022-04-22[Good article]

I have written a series of TypeScript tutorials before, one of which is God's perspective on TypeScript

This article is very similar to my one, both of which take you to understand what TypeScript does from a macro perspective. This article is a little more detailed than mine, and I recommend everyone to read it together.

via: https://www.huy.rocks/everyday/04-01-2022-typescript-how-the-compiler-compiles

2022-04-21 [Website]

yandex provides a concise online translation function. You can directly enter the text for translation, or upload the entire file for translation.

It also provides an api for developers to use, and part of my leetcode project is translated using it. I have to admit that the translation of proper nouns is still not enough. For example, dynamic programming will be translated into dynamic planning.

via: https://translate.yandex.com/

2022-04-20[Good article]

Can you crack a fingerprint unlock for as little as $5? Your Fingerprint Can Be Hacked For $5. Here's How.

via: https://blog.kraken.com/post/11905/your-fingerprint-can-be-hacked-for-5-heres-how/

2022-04-19[Good article]

If there is a memory leak caused by global variables? This article tells you that the author provides js code, and everyone can use it directly.

There is one thing that is not mentioned in the text. In fact, many global variables require certain conditions to be triggered. Therefore, in order to truly integrate it into the CI of the project, some additional conditions are required, which is to manually call the detection method multiple times in the program, rather than calling it once and finishing it.

via: https://mmazzarolo.com/blog/2022-02-14-find-what-javascript-variables-are-leaking-into-the-global-scope/

2022-04-18[Tools]

The epidemic in Shanghai has made many people unable to buy vegetables. Netizens who love tossing and toss have open sourced the food grabbing software.

Note: Do not use this extreme method unless it is necessary, it will cause a lot of trouble for other people who have no food to eat.

via:

• ddshop
• dingdong-helper

2022-04-15[Skills]

Github's issue has a lot of inconveniences. For example, it does not support custom sorting of comments, so that some plugins "take advantage of the loophole" and provide the function of sorting according to reactions.

Discussion bridges this gap. Discussion has two built-in sorting rules, chronological and vote count.

You can combine issues and discussions for a better experience.

Recently, Github also provided Discussion with a feature that is only available in the Q&A community - select it as an answer .

You only need to select Q&A in the category when creating a new Discussion to experience this function.

via: https://github.com/azl397985856/leetcode/discussions

2022-04-14[Good article]

What's the difference between JS inheritance and traditional class inheritance (like Java's)? (How does JavaScript's prototypal inheritance differ from classical inheritance?)

via: https://dev.to/chalarangelo/how-does-javascripts-prototypal-inheritance-differ-from-classical-inheritance-oii

2022-04-13 [Website]

Similar to yesterday's recommendation, this site is also a fantastic site for removing unwanted parts.

It's just that instead of removing unwanted parts of the picture, it separates the vocals and non-vocals in the audio. This can achieve the effect of removing vocals or removing noise .

via: https://vocalremover.org/

2022-04-12[Website]

A registration-free online site that you can use to remove parts of images.

via: https://www.magiceraser.io/

2022-04-11 [Website]

A Russian website that is said to be the largest museum of famous paintings in the world.

And provide free high-definition download, such as Mona Lisa can be downloaded directly here, the resolution is 3931 * 5178, the size of about 4M.

via: https://gallerix.asia/

2022-04-08 [Website]

The Games104 website provides tutorials for learning game engines from scratch, and the complete code is hosted in an open source Github repository.

If you have a game, or want to understand the game engine, you can take a look.

via: https://games104.boomingtech.com/sc/course-list/

2022-04-07[Good article]

Chrome 103 currently supports fs api.

Users can read files, write files, delete files, create files, etc. through fs api.

For example, the code to read the file:

 let fileHandle;

document.querySelector(".pick-file").onclick = async () => {
  [fileHandle] = await window.showOpenFilePicker();

  const file = await fileHandle.getFile();
  const content = await file.text();

  return content;
};

In addition to chrome 103, new versions of other browsers also provide support. The specific support is as follows.

via: https://css-tricks.com/getting-started-with-the-file-system-access-api/

2022-04-06[Discussion]

I want to go to Guizhou to see cherry blossoms~

via: https://fashion.sina.cn/l/ds/2022-03-07/detail-imcwipih5777616.d.html

2022-04-05[Tools]

bitbucket is an open source code repository that can be used to store the code of open source projects.

Unlike Github and Gitlab, bitbucket has built-in jira for managing requirements, and snyk for managing package security. Personally, I feel that Github and Gitlab are not so good in these aspects.

via: https://bitbucket.org

2022-04-03[Skills]

In vscode, the typescript of the node_modules of the workspace is automatically selected for the typescript project, but we can manually select the workspace.

The method is very simple, you just need to open a TypeScript file under workspace, and then click the version number next to TypeScript in the lower right corner.

It will then ask you to choose the version.

If there is more than one TypeScript, incorrectly using a different version of TypeScript will cause the compilation to fail. This problem can be solved by configuring vscode in the project.

Specifically, you can create a new setting.json in the .vscode folder of the project root directory and configure it as follows.

 {
  "typescript.tsdk": "node_modules/typescript/lib/typescript.js"
}

For more usage, refer to the official documentation: https://code.visualstudio.com/docs/typescript/typescript-compiling

2022-04-02[Good article]

Github interviews and homework assignments?

Homework is also done via Github. Probably give you a warehouse, and then you fork it and edit it, and pr to the original warehouse for review after completion.

via: https://github.blog/2022-03-31-how-github-does-take-home-technical-interviews/

2022-04-01 [Website]

CS61A (Structure and Interpretation of Computer Programs) is the first programming course that all computer science students at Berkeley must take. The first half is dominated by Python, and the second half is dominated by Schema. The website is rich in resources. As an ordinary visitor, the most important thing is courseware, which provides two formats of html and pdf. The courseware is rich in pictures and texts, which is very different from other courses of the same level and is more friendly to novices.

via: https://cs61a.org/

follow me

I rearranged my official account, and I also changed its name to 脑洞前端 , it is a key to help you open the door to the new world at the front end 🔑, here you can hear novelty Views, see some new technologies, and receive systematic summaries and reflections.

Here I will try my best to illustrate some concepts and logic in the form of diagrams to help you understand quickly. Diagrams are my goal.

After that, my articles will be synchronized to the WeChat public 脑洞前端 , you can follow to get the latest articles and communicate with me.

In addition, you can reply to the big frontend to enter the big frontend WeChat exchange group, reply leetcode to pull you into the leetcode WeChat group, if you want to join the qq group, please reply to qq.

<img width="300" src="https://tva1.sinaimg.cn/large/006y8mN6ly1g7he9xdtmyj30by0byaac.jpg">