Several ways to develop and modify the source code of webpack plug-in
preface
Webpack is an indispensable tool in our daily work. It is inevitable that sometimes we need to personalize the code compiled by webpack, so it needs to be completed by webpack plug-in or modifying its code. This article focuses on some ways of developing and modifying the source code of webpack plug-in. I wrote it a long time ago webpa ...
Posted by apoc- on Tue, 21 Sep 2021 11:49:05 +0200
JS design pattern - structural design
Structural design pattern
Structural design patterns focus on how to combine classes or objects into larger and more complex knot structures to simplify design
1, Appearance mode
Appearance mode: it provides a more advanced unified interface for a group of complex subsystem interfaces, which makes the results of the subsystem easier to a ...
Posted by angel1987 on Tue, 21 Sep 2021 06:15:55 +0200
WEB front end optimization -- HTML/CSS optimization
This series of articles is organized, recorded and expanded by the book efficient front end - Web efficient programming and optimization practice.
Optimization 1: don't use JS for problems that can be solved with HTML/CSS
Several cases are introduced
1.1 navigation highlight
This case is not an ordinary mouse to highlight, but highlight ...
Posted by Tchelo on Mon, 20 Sep 2021 22:08:46 +0200
September 14, 2021 -- Basic JavaScript syntax
1, JavaScript overview
What is JavaScript? Is an object-based and event driven client scripting language.
Official concept: This is a cross platform scripting language Platform: refers to the operating environment, which generally refers to the operating system. Cross platform means that it can run in various environments. Scripting l ...
Posted by met0555 on Mon, 20 Sep 2021 05:50:23 +0200
HTML5 basic learning
1, Structure of HTML pages
1. Basic framework of HTML
<html>Web page as a whole
<head>
<title>Page title</title>
</head>
<body>Theme of web page</body>
</html>
2. Structure of HTML tags
< tag name attribute name = attribute value > content < / tag name >
2 ...
Posted by mikeylikesyou on Sun, 19 Sep 2021 19:46:27 +0200
Summary of all array methods (APIs)
Methods (APIs) for all arrays of directories
Array method of ES3
join();
Purpose: to convert an array to a stringWhether to change the original array: return a new string without changing the original array let arr = ["a","b","c","d","e"];
let arr1 = arr.join();
console.log(arr1); // a,b,c,d,e
console.log(arr); // ["a", "b&quo ...
Posted by pbeerman on Sat, 18 Sep 2021 14:02:39 +0200
Notes on JS
——JS code should be written to the script tag
Control the browser to pop up a warning box alert("first JS code");
Let the computer output a content in the page document.write() can output a content to the body
Output a content console.log() to the console;
You can write js code into the onclick attrib ...
Posted by inferium on Sat, 18 Sep 2021 12:00:30 +0200
Understanding of a paragraph in the reorganization of Android Compose
Do not rely on the side effects of executing composable functions, as reorganization of functions may be skipped. If you do this, users may encounter strange and unpredictable behavior in your application. Side effects are any changes that are visible to the rest of the application. For example, the following operations are all dangerous side e ...
Posted by dgray on Sat, 18 Sep 2021 05:20:27 +0200
Six common inheritance methods of JS
Inheritance can make subclasses have various methods and properties of the parent class. Think about a few questions first:
How many implementations are there for JS inheritance? Which inheritance method is used to implement the extensions keyword of ES6?
1, Several ways to implement inheritance in JS
First: prototype chain inheritanc ...
Posted by gfX on Thu, 16 Sep 2021 02:19:56 +0200
Handwritten diff algorithm
Environment Setup
Create a folder, go to the folder directory, and use NPM init-y to generate the package.json file. Download webpack, webpack-cli, webpack-dev-server, with particular attention to the various versions of webpack. Download the corresponding version
cnpm i webpack@5 webpack-cli@3 webpack-dev-server@3 -S
Create webpack.config. ...
Posted by wiggly81 on Wed, 15 Sep 2021 19:08:21 +0200