The editors recommend

Chat with the author of Three.js about the classic problems of front-end development /VR/ open source framework

In this edition of Rare Earth Digging & Bytedance Web Infra, we are honored to invite Ricardo Cabello, author of Three.js, to have an online interview with us to talk about the interesting things behind the Three.js framework and how to build the open source framework. As well as front-end development concerns about all kinds of classic topics, we can seize the front row, strong onlookers!

Ruan Yifeng: Why is Web3 related to blockchain

There have been two phases of the Internet: Web 1.0 and Web 2.0. The next phase is naturally Web 3.0 (Web3 for short). This article is about my initial understanding of Web3 and what it really is.

engineering

Use Sourcemap correctly

The working principle of Sourcemap coding and various Sourcemap schemes and application scenarios provided by Webpack are introduced in detail.

Analysis and application of front-end module dependency

How to resolve dependencies and compile speed using WebPack’s Stats object, which contains a wealth of compile-time information and can be used to generate JSON files containing statistics about the module.

Advanced exploration

Introduction to V8 Compilation

  • Interpreters and compilers: an introduction to the fundamentals of computer compilation
  • V8 compilation principle: Based on the knowledge of computer compilation principle, understand V8 to JavaScript parsing process
  • Run time performance of V8: With V8 compilation principles, practice the specific performance of V8 in the parsing process

Blog developed using Golang, Gin and React, esbuild

This manual refers to the north, hand in hand with everyone from scratch to build a Go as a service Web application – Blog.

How does Flutter 2 render video

Flutter2 overview; The practice of Flutter2 video rendering plug-in; Flutter2 Rendering principle (source code).

Foreign language selection

Plugging memory leaks in your app

In this article we’ll explore two types: Leaks knownby event listeners and by intervals/timeouts. I’ll use React as an example but the basic concepts are applicable to any framework that deals with adding and removing DOM nodes from a page.

Measuring Web Performance at Airbnb

Learn what web performance metrics Airbnb tracks, how we measure them, and how we consider tradeoffs between them in practice.

Where does Nuxt.js fit in Web Development?

If you are familiar with Vue, you won’t feel out of place while dealing with Nuxt. In fact, it is way too similar to Vue.js except for certain updated features that enable the developers to write well-structured code in no time.

Practice & Application

Front-end CLI scaffolding idea analysis – build from 0 to 1

In fact, most of the time from 0 to build the project can be made into templates, and the main core function of scaffolding is to use templates to quickly build a complete project structure, the follow-up only need to develop on this can be.

Write a vscode plug-in to improve the maintenance of multiple versions of web projects

If your project needs to maintain multiple versions at the same time, technology stacks and features from different eras are used by different user groups. On a daily basis, when a bugfix or new feature is applied to these versions, you need to switch from version to version, reinstall dependencies one by one, and run the service self-test. This is the most time-consuming round-trip operation. How to solve it?

LOOK Live event map generator scheme

The event development needs to complete a Monopoly game, and as a Monopoly game, the map is naturally essential. In the whole map, there are many different kinds of squares, if one by one to adjust the position, the workload is very large. So is there a way to quickly determine the location and type of squares? Here’s how I did it.

Best practices for Designing Web image components

Image processing in Web pages has always been a challenge for Web development. Today, I would like to take a look at the Image component in Next. Js.