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