A weekly collection of front-end (but not limited to) articles, news, open source projects, tools, and more, updated every Monday.

📰 News

V8 engine released in V9.3

  1. Faster compilation speed
  2. Object. HasOwn as Object. The prototype. The hasOwnProperty. Call shorthand
Object.hasOwn({ prop: 42 }, 'prop')
/ / to true
Copy the code
  1. Error Error cause
const parentError = new Error('parent');
const error = new Error('parent', { cause: parentError });
console.log(error.cause === parentError);
/ / to true
Copy the code
  1. Cancel on an Android deviceUntrusted code mitigationsfunction

Untrusted Code Mitigations is a feature introduced back in 2018 to defend against CPU ghost attacks, where Untrusted code is executed in certain CPU modes, compromising execution efficiency.

Start with Chrome 92. Site Isolation mode is enabled on Android devices, so Untrusted Code Mitigations are on their way out.

Details can be found at:

V8. / dev/blog v8 – rel…

Deno released version 1.13

  • The HTTP server is stable
  • TLS supports more configurations
  • Integration with VERSION V8 9.3

deno.com/blog/v1.13

📖 articles

How to delete 6W lines of obsolete files and exports in a large code repository?

Many projects have a long history, and many files or exported variables are no longer used, which greatly affects maintenance iterations. Have you thought about how to delete them?

Juejin. Cn/post / 699537…

Why arguments in Axios are not fully encoded

Remember an Axios pit.

Mp.weixin.qq.com/s/CYzXi-ZMf…

From then to now, talk about tree-shaking

When it comes to Tree shaking, it is inevitable to mention Dead Code Elimation. Many of you will see this in some articles about Tree shaking: Tree-shaking is a Dead Code Elimation technology (hereinafter referred to as DCE). So, given the term DCE, why make a tree-shaking term?

Mp.weixin.qq.com/s/TNXO2ifPy…

Tencent Penguin tutoring H5 performance optimization

In the process of long-term iteration, penguin Tutoring H5 page gradually accumulated some performance problems, resulting in slow page loading and rendering speed. In order to improve user experience, we have recently made special optimization for page loading speed and rendering speed. This paper is a summary of the practice of this optimization. The analysis process is quite detailed, I hope to give some help to the students lacking in performance analysis experience.

Mp.weixin.qq.com/s/zJMM4SF7p…

Intensive reading of Handwritten SQL Compilers – Lexical Analysis

Expand boundaries.

Mp.weixin.qq.com/s/k5EYXvRXn…

Do you know Performance Timeline Level 2?

Juejin. Cn/post / 684490…

The microservice architecture of Bytedance has evolved

This article is based on a discussion by Cheng Guozhu, leader of Bytedance’s infrastructure/Service Framework team, at QCon 2021. It mainly introduces the technical practice and experience of the Service Framework team on Golang Service Framework and Service Mesh during 2018-2021.

Mp.weixin.qq.com/s/1dgCQXpeu…

Component library document automatic generation tool

Juejin. Cn/post / 699472…

More on vue.js 3.2’s optimization of responsive parts

Juejin. Cn/post / 699573…

Use “incremental” thinking to improve code review and package builds

This article details how to implement file-level incremental code inspection and incremental packaged builds. It’s worth learning!

Juejin. Cn/post / 686510…

Jamstack, do you really know it?

This paper introduces the workflow of JAMStack in detail, and makes a more in-depth analysis of the advantages and disadvantages of JAMStack and the applicable scenarios, which is worth learning!

Mp.weixin.qq.com/s/bVkK2jJAu…

Tagged Template Literals-Styled Components

const MyComponent = () = > {
    return <StyledDiv>Welcome to my website</StyledDiv>;
};

const StyledDiv = styled.div` color: red; font-weight: bold; `;
Copy the code

Dev. To/dekel/tagge…

Safari isn’t protecting the web, it’s killing it

There’s been a lot of talk lately about “Safari is the new IE” or “Safari is actually protecting the Web by refusing to add experimental features that could cause security/privacy/volume issues”. Safari isn’t protecting the Web, it’s killing it. It’s worth learning and thinking about!

Httptoolkit. Tech/blog/safari…

Damn, you can change JS via DOM!

Mp.weixin.qq.com/s/M1z2dzD9T…

🛠 Tools and software

react-dart

Use React in Dart.

Github.com/Workiva/rea…

neon

Rust Binding for writing secure, fast native Node.js modules.

Github.com/neon-bindin…

mermaid

Generate charts and flowcharts from text in a Markdown-like fashion. Many students are using Typora as a Markdown editor. Mermaid is a built-in Typora drawing tool that allows you to generate charts and flow charts using markdown-like syntax. The syntax is very simple and easy to understand. For example, if you want to generate a simple flowchart, just type a code block into Typora and select the language avi.

Github.com/mermaid-js/…

First published on GitHub, please subscribe: My Weekly