Training notes of the 8th web front end (JS form and Ajax)
preface
This article records my notes on learning JS forms and Jquery Ajax
1. JS form
Form is a very common way for our page to transmit data to the background. Before sending data (request), we should verify the legitimacy of a series of data on the page, save unnecessary wrong data transmission, and improve the user's experience.
1.1. Ge ...
Added by mark_18 on Sat, 12 Feb 2022 11:58:41 +0200
Web front end training 7 array / function
array
Definition of array
<script type="text/javascript" >
/*Definition of array*/
//Implicit definition
var arr1 = [];
console.log(arr1);
var arr2 = [1,2,'a',true];
console.log(arr2);
//Direct instantiation
var arr3 = new Array(1,2,3);
console.log(arr3);
//Define the array and set the length
var arr4 = new Array(5);
console.log();
...
Added by garethdown on Sat, 12 Feb 2022 11:27:11 +0200
Using Web Uploader file upload component to assist Java to realize breakpoint continuation
1, Breakpoint continuation
Breakpoint continuation overview
Breakpoint continuation means that when downloading or uploading, the download or upload task is divided into several parts, and each part is uploaded or downloaded by one thread. In case of network failure, you can continue to upload and download the unfinished part from the ...
Added by simwiz on Sat, 12 Feb 2022 06:09:26 +0200
3w long text takes you from JS objects all the way to classes
ECMA-262 defines an object as an unordered set of attributes. We can think of objects in JS as a hash list, where the content is a set of key-value pairs, and the type of value can be data or function.
1. Understanding Objects
The usual way to create a custom object is to create a new instance of a new Object, then add properties and methods ...
Added by freakstyle on Sat, 12 Feb 2022 04:11:05 +0200
css simple knowledge
CSS style sheet
1, Overview
1. What is CSS?
Cascading style sheets, customizing the display style of html elements and beautifying the page are very important for the construction of front-end pages
2. Why use CSS
(1) CSS refers to cascading style sheets (2) Styles define how HTML elements are displayed (3) Styles are usually stored in sty ...
Added by lee2732 on Sat, 12 Feb 2022 03:30:55 +0200
Simple implementation of lazy loading of component data
VueUse component data lazy loading
1. Understanding
Objective of this section: to understand what component data lazy loading means from a practical point of view Think about two questions
Where are our general data requests initiated?What are the characteristics of life cycle hook function?
At present, ajax requests in each componen ...
Added by idealbrain on Sat, 12 Feb 2022 02:22:12 +0200
HTML semantic, core common elements
Semantic
What is semantics
Each HTML element has a specific meaning
a element: hyperlink p element: paragraph h1 element: first level title
All elements have nothing to do with the display effect
The effect of elements displayed in the page should be determined by CSS.
Because browsers have default CSS styles, each element has some de ...
Added by Edgewalker81 on Sat, 12 Feb 2022 00:35:48 +0200
Notes of the seventh web front-end training
1. Built in objects
1.String
2 .Math
3.Date
Month: from 0 to 11, so remember to add 1
2. Object
Object is an unordered data set composed of several "key value pairs". This "key value pair" format is called JSON format
1. Create objects in literal form
var Object name = {}; // Empty object
var Object name = {
...
Added by jamesmage on Sat, 12 Feb 2022 00:33:38 +0200
Reactivity Fundamentals of Vue3 official document translation
introduction
Suddenly I didn't know what was written in this chapter. I felt the content was a little dry. I took care of the translation and didn't absorb it To sum up, it is mainly about how to combine the responsive object with the template. The responsive object is realized through the proxy object of JavaScript; The objects of response ar ...
Added by dmphotography on Sat, 12 Feb 2022 00:19:22 +0200
Regular expression review
@[TOC] table of contents according to Rookie tutorial Add a few personal understanding and finishing, which can be used to review the knowledge points. For details, please refer to the original link
1. re.match function re match(pattern,string,flags=0)
re.match only matches the beginning of the string. If the beginning of the string does not ...
Added by hoogeebear on Sat, 12 Feb 2022 00:01:17 +0200