preface

Mining is a great community that produces great articles every day. The content of the home page recommendation involves too many areas. Collect excellent front end articles within a week, so that you and comrades with similar needs can learn and grow more efficiently.

Please understand if there is any omission

The topics below this article are not collected by default:

  1. The interview
  2. Algorithm to brush the topic

File upload, understand these 8 scenarios is enough

  • Author: A brother
  • Praise: 800 +
  • Recommended index: ★ ★ ★ ★ ★
  • Recommended reasons: 8 kinds of upload, single file, multi-file, file directory, compressed file directory, drag and drop, clipboard, large file block, server upload. Extensive coverage, and code examples, file upload SDK.

You don’t really think we can only cut pictures, do you? ! Here’s the coolest web design guide for 2021!

  • Author: Gold digger Anthony
  • Praise: 800 +
  • Recommended index: ★ ★ ★ ★
  • Why you should check it out: Although it’s a translation, it’s a delight to watch with its new mimicography, frostglass design, 3D colors, microanimation, and asymmetrical layout.

Crazy operation CSS3 to achieve 60 FPS animation effect, CodeReview colleagues direct call: details!

  • Author: Gold digger Anthony
  • Praise: 300 +
  • Recommended index: ★ ★ ★ ★
  • Recommended reason: Use CSS to improve animation performance. Step by step, lively and interesting. There’s the poor, the little V, the big V, the ultimate. withI optimized the progress bar and saw a 70% improvement in page performanceThere are many similarities in thought. Css3 animation, are basically throughwill-change.transform opacityThese means to formalities. See this article for more information about CSS optimizationSpeed up page rendering using only CSS

CSS Features you Might Not Know in 2021 (Part 2)

  • Author: Tao department front end team
  • Praise: 600 +
  • Recommended index: ★ ★ ★ ★
  • Recommended reasons: Introduced some new CSS features, CSS scale, CSS native nesting support, CSS Houdini variables, and more. New features, first understand a wave.

Unknown CSS tricks

  • The killer is not very calm
  • Praise: 100 +
  • Recommended index: ★ ★ ★ ★
  • Why we recommend it: Pure CSS for typing, smooth scrolling, top suction, optimized scrolling experience, dynamic text prompts, and more. There are practical skills that are worth saving and learning.

Product Manager: The opening animation of Hongmeng is very handsome. Please give us a whole page

  • Author: Hand tore red black tree
  • Praise: 800 +
  • Recommended index: ★ ★ ★ ★
  • Recommended reasons: With Hongmeng boot animation as the breakthrough point, with a variety of ways to achieve its boot animation. Patriotism is really good.

CSS ideas | full compatibility with frosted glass effect

  • Author: chokcoco
  • Praise: 400 +
  • Recommended index: ★ ★ ★ ★
  • Recommend reason: fully compatible frosted glass effect, fully compatible, that you still don’t take direct use?
  • Core implementation:backdrop-filter= >background-attachment: fixed + filter: blur()= >moz-element() + filter: blur()= >background

2 k Star! More than 50 projects, 450 good projects, the most half a year recommended by the heavy weight of the project collection

  • Author: Dawn and night
  • Praise: 200 +
  • Recommended index: ★ ★ ★
  • Recommend reason: overwrite React source code, JavaScript, TypeScript, Flutter, small programs, monitoring and other tools or project collection, free time to read, maybe have a surprise harvest.

Vite features and partial source parsing

  • Author: Zhengcai Cloud front end team
  • Praise: 50 +
  • Recommended index: ★ ★ ★
  • Recommended reasons: From the overall process analysis of some Vite compilation process. Overall or shallow, look forward to depth.

Source analysis -Vue3 in the 13 global Api

  • Author: Tz
  • Praise: 100 +
  • Recommended index: ★ ★ ★
  • Why it’s great: 13 global apis in Vue3, with detailed source code parsing.

Handwriting series – Implements a platinum segment of the React

  • Author: dumplings in clear soup
  • Praise: 100 +
  • Recommended index: ★ ★ ★
  • Recommend reason: although so-called platinum section, its real strength should belong to gold section. The step-by-step implementation of important parts of the extremely simple React is worth reading.

A 40-year-old programmer’s front end learning path | 2021 mid – year summary

  • Author: An Lao Liu
  • Praise: 100 +
  • Recommended index: ★ ★ ★
  • Why we recommend it: Speak for older programmers. At the age of 40, many programmers have become management, many programmers have become experts, many programmers have changed their careers, and many programmers are still fighting in the front line. In the age of young people, how should we face and survive?

Six time-saving plug-ins using vscode

  • Author: Jimmy
  • Praise: 100 +
  • Recommended index: ★ ★ ★
  • Recommended reasons: If you want to do a good job, you must first sharpen its tools, improve the efficiency of the six tools. Six, that’s not enough.

“Wechat small program” to generate watermark principle and plug-in writing

  • Akik I am not an alien
  • Praise: 100 +
  • Recommended index: ★ ★ ★
  • Recommended reasons: Relatively novel, simple and practical.
  • Core implementation: First use canvas to generate a single image, then use the backgroundbackground-repeat:repeatTiling will do.

Three days and three nights, finishing the 30 sharp mind mapping | take you back to ES6 (below)

  • Author: LBJ
  • Praise: 100 +
  • Recommended index: ★ ★ ★
  • Why we recommend it: Expand ES6’s features in the form of a graph to see the big picture, save time and effort.

Move any regular polygon (point, line, plane) on canvas

  • Author: Fly
  • Praise: 50 +
  • Recommended index: ★ ★ ★
  • Why it’s recommended: Draw by hand. How much do you know about the distance between points, the relationship between points and lines, and the rotation of vectors? This article goes through them.

Function. Prototype. Call

  • Author: Cloud world
  • Praise: 200 +
  • Recommended index: ★ ★ ★
  • Why it’s recommended: OnecallExtended more than 10 knowledge points, read all dare not say that they can writecall. After reading this article, write down the interviewer’s handwritingcall“, you can add a few questions first, which VERSION of ES is it based on, whether node environment is considered, whether strict mode is considered,evalCan you use it.

Wake up, asynchronous singleton pattern – different singleton pattern

  • Author: Cloud world
  • Praise: 50 +
  • Recommended index: ★ ★ ★
  • Recommended reasons: different singleton mode, asynchronous singleton mode, step by step, shallow into deep out, has a certain novelty, provides a programming idea.