This is the ninth day of my participation in the August More text Challenge. For details, see: August More Text Challenge.

preface

Collect excellent front end articles within a week, so that you and others with similar needs can learn and grow more efficiently. Please understand if there is any omission

The following topics in this article are not collected by default: 1. Interviews 2. Algorithms

In the past, check out my nuggets front column weekly. Welcome to my column and look forward to your likes.

Phase to recommend

This week to watch

  1. Day more army, hydrological surge

Day more come, everyone is blunt full attendance award, if calculate to participate in the June essay award, can get 6 awards, indeed attractive.

  • KG cervical spine massager Fashion voice 4097 *1
  • Multi-compatible black canvas backpack *1;
  • “Future Star Park” custom building blocks *1;
  • Always Day 1 ceramic mug with cover *1
  • Nuggets T-shirt * 1
  • Cartoon air conditioning blanket * 1
  1. Many series

X graph series, also belong to the easy fire series. Like this week’s

  • 【 suggestion collection 】 eight brain figure quickly understand the Vue component | August more challenges
  • To understand Webpack Loader at once
  1. Wan Wen series

To conclude this week’s article, it’s interesting to note that there are a lot of interviews, but no surprises.

The five-star recommendation

Unfortunately, there are no five-star recommendations for now.

A four-star recommended

Dynamic component play you may not know 🍉

  • Author: Yu Fei
  • Praise: 300 +
  • Recommended index: ★ ★ ★ ★
  • Because WebPack offers dynamic packaging, this article takes it a step further by dynamically loading components, using rollup instead of the heavier WebPack. Each step seems easy, but integrated into a plan, guest officer, can you do it? Then, please read the book closely.

Hand-write an out-of-the-box large File sharding upload library from scratch

  • By bytedance’s ADFE team
  • Praise: 100 +
  • Recommended index: ★ ★ ★ ★
  • Recommended reason: Large file sharding uploads, that must be inseparable from sharding upload and merge. This article covers client, server code, key sea open source, use, what if?

To understand Webpack Loader at once

  • Author: A brother
  • Praise: 300 +
  • Recommended index: ★ ★ ★ ★
  • Why we recommend it: What is the nature of Loader? What is a Normal Loader and Pitching Loader? What is the role of the Pitching Loader? How is the Loader loaded? How is Loader run? Loader objectrawWhat do attributes do? Loader function bodythis.callback 和 this.asyncWhere does the method come from? And so on, if you have a do not understand, you should point into this article.

Weird technique for front end debug

  • Author: Byte front end
  • Praise: 400 +
  • Recommended index: ★ ★ ★ ★
  • Because debugging is an unavoidable problem for programmers, this article will help you understand how to do it effectively and efficiently. This article covers breakpoints, conditional breakpoints, log breakpoints, console.trace, debugger, how to view SSR render content, and more.

Samsung is recommended

I gave China 🇨🇳 Olympic 🏅 number to do data visualization | August more text challenge

  • Author: Fly
  • Praise: 200
  • Recommended index: ★ ★ ★
  • Why you should do it: Without third-party libraries, everything from data retrieval to drawing coordinates, rulers, rectangles, and animations is so simple.

Create surprise with technology | mature front-end engineers must learn to make birthday gifts by hand 🎁

  • Author: Cold grass
  • Praise: 100 +
  • Recommended index: ★ ★ ★
  • Recommend reason: use technology to bring happiness, use technology to express love! Use front-end technology to make different birthday gifts, the article mainly involves some CSS technology, worthy of learning, worthy of respect.

【 suggestion collection 】 eight brain figure quickly understand the Vue component | August more challenges

  • Author: LBJ
  • Praise: 500 +
  • Recommended index: ★ ★ ★
  • Figure 8 Covers registered components, component Props, non-property features, custom events, slots, slot, dependency injection, dynamic and asynchronous components, template introduction, and controlled updates. Well, it’s easier to connect things together.

Is setState in React a macro task or a microtask?

  • Author: Shenfq
  • Praise: 200 +
  • Recommended index: ★ ★ ★
  • Why we recommend it: The answer to this question, in fact, the average person knows. However, the author gave a complete test code and analysis, React 18 after the new features, it is worth learning a wave.

Follow along. You can also write VueRouter

  • Author: isboyjc
  • Praise: 200 +
  • Recommended index: ★ ★ ★
  • Why you should recommend it: Nuggets contract authors are more detailed, generally from the shallow to the deep. This article first introduced the basic implementation of routing, and then from the use of VueRouter, installation, and then advanced to their own implementation, but also attached to vue-Router source interpretation.

If you don’t understand EventLoop, you can punch me

  • Author: Mu Hua
  • Praise: ~ 200
  • Recommended index: ★ ★ ★
  • Why you should check it out: A bunch of articles on the event cycle. Why this article is worth recommending, illustrated and illustrated, the depth is appropriate, read feel oneself have gained.

You rain stream abroad tutorial: personally take you to write a simple version of Vue!

  • Author: Hand tore red black tree
  • Praise: 100 +
  • Recommended index: ★ ★ ★
  • Recommended reasons: Handwriting Vue feeling has been a necessary skill for Vue players, the biggest focus of this article is Proxy flow chart.

Compose version is here! Free nude eye 3D effect

  • Author: Pay eleven
  • Praise: 100 +
  • Recommended index: ★ ★ ★
  • Why you should recommend it: Since it’s glasses-free 3D, you can’t do without the phone’s gyroscope sensor. Follow this article to implement a simple version, better than nothing, right?

React hooks summary

  • Author: Jimmy_kiwi
  • Praise: 50 +
  • Recommended index: ★ ★ ★
  • Recommended reason: React Hooks Chinese SDK.

[SSD series] silly, 3 lines of code a subscription publishing center, won’t not know it | August more text challenge

  • Author: Cloud world
  • Praise: 200 +
  • Recommended index: ★ ★ ★
  • Why we recommend it: 3 lines of code a subscription publishing center, 6 lines of code a multi-instantiable publishing class by subscription, so simple, how it works, you can watch a wave.

Write in the last

Writing is not easy, your praise and comment, is the biggest motivation for me to move forward.