Qiwu Weekly Issue 502: Why can the will-change of CSS sometimes optimize performance by dozens of times?

Remember to click "Read the original text" at the end of the article to view it~

Let's take a look at the summary of this weekly magazine first~

Odd dance recommended

■ ■ ■

 Why can the will-change of CSS sometimes optimize the performance by dozens of times?

will-change is an unfamiliar and familiar attribute. When using this attribute before, it was simply because of performance optimization. Adding will-change will make the animation smoother, but what is the actual reason for adding Will-change can make the animation smooth, what are the disadvantages of it? An old colleague told me a few days ago that he was scolded by the leader, saying that he abused the attribute of will-change, but he didn't know why. I'm a bit at a loss, using will-change should be a good thing and can improve performance

 Front-end request competition: Fetch, Axios, Ajax, XHR

When it comes to front-end web requests, there are many tools/technologies to choose from, including Fetch, Axios, Ajax, and XHR, among others. These technologies provide different functions and methods for sending and processing HTTP requests. This article will delve into the characteristics, advantages, and usage of these technologies to help you better understand and choose the technology that best suits your project needs.

 The Pit of JavaScript Global Variables

Browsers have always had a strange setting: DOM elements with IDs can be accessed directly in JavaScript as global variables.

technical practice

■ ■ ■

Electron + Vue3 + Vite build a desktop application

Thanks to Vite's excellent front-end development experience, more and more Electron projects have begun to use it to build development. Looking through various community resources, we can find many Electron development templates based on Vite, but they all have some common problems: the configuration is relatively complicated, cumbersome and requires auxiliary scripts to cooperate with compilation and development. etc.) cannot protect source code electron-vite aims to solve these problems and provide a faster and more streamlined development experience for Electron.

234b06a43793308600a0df79b98bbd40.png

 Can JavaScript and Python code be used together?

Recently, I found a very interesting project PythonMonkey on Github, which allows us to run Python code directly in JavaScript, and also run JavaScript and WebAssembly code in Python with almost no performance loss.

 After the 8 advanced usages of Promise, I was asked to spray me! ! !

In js projects, the use of promise should be essential, but I found that among colleagues and interviewers, many intermediate or above front-ends are still stuck in promiseInst.then (), promiseInst.catch (), Promise.all Such as conventional usage, even async/await just knows what it is, but not why. But in fact, there are many clever advanced usages of promise, and some advanced usages are also widely used in the alova request strategy library.

expand the boundaries

■ ■ ■

Why learn Rust as a front end?

Why should I learn Rust as a front end? This is a good question. Some people may think that learning Rust at the front end is of little significance, the learning cost is high, and the input-output ratio is low. JavaScript, TypeScript and other front-end languages ​​​​have not yet been understood. Why do you want to learn such a difficult new language? language? So today I will talk about my own views on this issue~, mainly divided into 5 points: performance, cross-platform features, security, career vision, career competitiveness

9eb2251114d67f4ab80e73fa5e005db3.png

 Stable Diffusion WebUI from zero basis to entry

This article mainly introduces the actual operation method of Stable Diffusion WebUI, covering prompt derivation, lora model, vae model and controlNet application, etc., and gives practical examples of operable Vincent graphs and graph-generated graphs. It is suitable for students who are interested in Stable Diffusion but are confused about the use of Stable Diffusion WebUI. I hope this article can reduce the learning cost of Stable Diffusion WebUI and experience the charm of AIGC image generation more quickly.

About Qi Wu Troupe

Qi Wu Troupe is the largest front-end team of 360 Group, and participates in the work of W3C and ECMA members (TC39) on behalf of the group. Qi Wu Troupe attaches great importance to talent training. There are engineers, lecturers, translators, business interface people, team leaders and other development directions for employees to choose from, and supplemented by providing corresponding training on technical skills, professional skills, general skills, leadership skills, etc. course. Qi Dance Troupe welcomes all kinds of outstanding talents to pay attention to and join Qi Dance Troupe with an open and talent-seeking attitude.

2caf05c25bc7cc026c261dccb556e00f.png 

Guess you like

Origin blog.csdn.net/qiwoo_weekly/article/details/132241901