webpack - front end resource loading / packaging tool

preface Webpack is a very powerful front-end resource loading / packaging tool. It can perform static analysis according to the dependencies of modules, and then generate static resources according to certain rules (the following contents are regulated in webpack 5) Official website 1, webpack installation 1. Initialize npm npm init ...

Posted by silentg0d on Wed, 09 Mar 2022 12:58:57 +0100

vite + vue3 + setup + pinia + ts project practice

introduce A project developed by using vite + vue3 + pinia + ant design Vue + typescript complete technical route, with the launch of second level development update, the new vue3 composition api combined with setup to enjoy the silky development experience, the new pinia state manager and excellent design experience (1k size), the barrier fre ...

Posted by somenoise on Wed, 09 Mar 2022 01:17:43 +0100

Ant Design Pro V5 OpenAPI

preface After Ant Design Pro is upgraded to v5, an openapi plug-in is introduced. What is this used for? In the past, when writing service files, we used to customize the interface name according to swagger, write our own comments, and write our own interface call methods. If typescript (hereinafter referred to as Ts) is used, we also nee ...

Posted by mona02 on Tue, 08 Mar 2022 00:26:21 +0100

Netty Source Analysis 3: Create a simple Netty service and test it

Create and start a Netty server How do I create and start a Netty server? Start a netty server and listen on port 8888 with the following code. public class MyNettyServer { private static Logger logger = LogManager.getLogger(MyNettyServer.class); public static void main(String[] args) throws InterruptedException { NioEven ...

Posted by 1josh13 on Sat, 05 Mar 2022 06:14:11 +0100

React page does not refresh

Today, I write about the react project of the laboratory. One of the States is an array (be careful when you see that the state is an array. There are many pits!!!) After operating on the array, the page does not refresh. After repeated tossing, it is reduced to the following code: import React, { Component } from 'react' import { Table, Tag, ...

Posted by JustinMs66 on Thu, 03 Mar 2022 17:38:18 +0100

vite + vue3 + setup + pinia + ts project practice

introduce A project developed by using vite + vue3 + pinia + ant design Vue + typescript complete technical route, with the launch of second level development update, the new vue3 composition api combined with setup to enjoy the silky development experience, the new pinia state manager and excellent design experience (1k size), the barrier fre ...

Posted by Ionisis on Thu, 03 Mar 2022 16:12:00 +0100

React learning notes - extended content

1. setState There are two ways to update the state using setState. Object expression is the abbreviation of function expression (syntax sugar). Use principle (not required): The new state does not depend on the original state = = > use objectThe new state depends on the original state = = = > use functional expressionIf you need to ge ...

Posted by Yaak on Thu, 03 Mar 2022 15:52:58 +0100

Detailed explanation of the use of react router V6

The Remix team released its first v6.1 in June 2020 0.0-beta. The 0 version of react router also indicates the official start of the V6 version. Compared with the V5 version, there are many upgrades.This article will explain the use of react router in detail in combination with the characteristics of V6 and how to upgrade V6 in V5.(version used ...

Posted by ksb24930 on Tue, 01 Mar 2022 07:22:19 +0100

Tens of thousands of words long! 2022 latest react redux8 source code super detailed in-depth analysis: Reread react Redux source code

The react redux library is no stranger to anyone who is familiar with react. In one sentence, it serves as a bridge between the "redux framework independent data flow management library" and the "react view library", so that the store of redux can be updated in react, and the change of store can be monitored and the related ...

Posted by andrewburgess on Mon, 28 Feb 2022 09:51:48 +0100

react parameter transmission related records

Primary directory Secondary directory Tertiary directory 1, Principle related: 1. On the principle of render rendering twice https://www.cnblogs.com/chaoyuehedy/p/9638848.html 2, Question: 1. fetch request let getFileTypesUrl = `${context.contextPath}/projectfile/getAllFileTypes?p_no=` + this.state.projectNo; //Call method this.getF ...

Posted by bob1660 on Fri, 25 Feb 2022 11:26:43 +0100