How to upgrade webpack3 to webpack4?

This webpack upgrade has improved a lot of construction speed: production packaging has increased by 30%; Development and construction increased by 40%, and development and update increased by 70% We have tried some build optimizations based on webpack3 before, such as introducing HappyPack to optimize the build speed, opening loader ca ...

Added by gfmitchell on Wed, 09 Feb 2022 03:13:02 +0200

At the Vue Conf 21 conference, script setup syntax was mentioned in particular!

By Matt Maribojoc Translator: front end Xiaozhi Source: stackabuse There are dreams and dry goods. Wechat search [Daqian world] pays attention to this dish washing wisdom who is still washing dishes in the early morning. This article GitHub https://github.com/qq449245884/xiaozhi It has been included. There are complete test sites, mater ...

Added by asfaw on Wed, 09 Feb 2022 00:37:44 +0200

This may be the most complete introduction to react tutorial notes in the whole network (4W word persuasion warning)

Basic concepts of React 1, React originated from Facebook React is a JS library developed by Facebook. Facebook believes that MVC cannot meet their expansion needs 2, Characteristics 1. react impractical template 2. react is not an MVC framework 3. Responsive 4. react is a lightweight js library 3, Principle Virtual DO ...

Added by bufo on Tue, 08 Feb 2022 21:13:45 +0200

Talk about the synchronization and asynchrony of setState() in React class components (attached test questions)

I Two ways to write setState() update state setState(updater, [callback]), updater is the function that returns the stateChange object: (state, props) = > stateChange The received state and props are guaranteed to be up-to-datesetState(stateChange, [callback]) stateChange as the object, Callback is an optional callback function, which is ex ...

Added by PHPSpirit on Tue, 08 Feb 2022 20:41:23 +0200

Vue study notes

Vue learning notes (II) Personal blog (welcome): Vue learning notes (II) (red, blue and purple) Single page application SPA means that there is only one HTML page in a Web site, and all functions and interactions are completed in this unique page. 1. vue-cli Vue cli is Vue JS development standard tools. 1.1 installation npm install -g @v ...

Added by uproa on Tue, 08 Feb 2022 19:19:58 +0200

Teach you to write a scaffold hand in hand

After three months, I finally have time to write the second article of scaffold series. Working in Beijing is really much busier than Tianjin. I don't have time to fish. If you haven't read the first article in this series Teach you to write a scaffold hand in hand , it is suggested to read this article again first, and the effect is better. M ...

Added by themire on Tue, 08 Feb 2022 16:17:08 +0200

Small program reduction manual

Applet 1, Start 1. Developer Tools Download address 2. Developer account Company Registered Address : next step registrationAfter success, enter the page and click development = > development settings to see the AppID account 3. Create project New folderOpen the development tool and input the file address without selecting cloud devel ...

Added by melrse on Tue, 08 Feb 2022 15:35:01 +0200

Part VIII form details

1, Form form Create an HTML form for user input, which is represented by a < from > tag, The < form > element contains one or more of the following form elements: for example, < action > < input > < textarea > < Select > < optioon > < fileset > 1. Form important attribute action Action attribu ...

Added by Dimitri89 on Tue, 08 Feb 2022 13:08:42 +0200

Learning the fourth edition of JavaScript Advanced Programming -- Chapter 17

Title: learning of the fourth edition of JavaScript advanced programming - Chapter 17 date: 2021-5-27 10:02:37 author: Xilong88 tags: JavaScript Contents of this chapter: Understanding event flow Using event handlers Understand different types of events Possible interview questions: 1. Do you know the event flow? 2. Event bubbling? Event captu ...

Added by kwilder on Tue, 08 Feb 2022 12:00:05 +0200

Quill rich text editor practice - DevUI

DevUI It is an open-source front-end solution for enterprise middle and back office products. It advocates the design values of immersion, flexibility and simplicity, advocates designers to serve the real needs and design for most people, and rejects the design that attracts the attention of the public. If you are developing tool products of To ...

Added by broomstick on Tue, 08 Feb 2022 06:36:00 +0200