[foreground learning] H5 advanced foundation and CDN introduction of various frameworks
ajax base call
// json object format
$.ajax({
url:" ",
type:"post",
headers: {
Accept: "application/json; charset=utf-8",
Token: "XXXX"
},
data:JSON.stringify({
adminId:adminId,
password:password}),
contentType: "application/json;charset=UTF-8",
dataType:"json",
success:function ( ...
Added by theo on Sun, 26 Dec 2021 14:47:40 +0200
Knowledge combing of vuex
catalogue
1, Concept
2, Use steps
3, Use of four map methods ----------- multi component shared data
3.1 mapState method
3.2 mapGetters method
3.3 mapMutations method
3.4 mapActions method
4, Modular plus namespace
1, Concept
What is vuex: a Vue plug-in dedicated to centralized state (data) management in Vue, which centrally ma ...
Added by HTF on Sun, 26 Dec 2021 09:55:05 +0200
Component value transfer, two-way data binding
1, Component value transferValue transfer mode between componentsParent child values: props, emit, $parent, $chidren, refValue transfer between brothers: event bus (on, emit), VuexValue transfer instance(1) Parent component to child component (props)A component can have any number of props by default, and any value can be passed to any props.// ...
Added by hacksurfin on Sun, 26 Dec 2021 02:46:55 +0200
Xuecheng online website knowledge sharing
Xuecheng online website knowledge sharing
Xuecheng online website is a relatively basic web page layout, which allows people who have just learned the front end to use tools to measure the size, cut pictures, use boxes to locate the layout, use floating to place floating boxes and other knowledge points. Major teaching websites will also use t ...
Added by juniorbisono on Sun, 26 Dec 2021 01:50:21 +0200
Detailed explanation of JavaScript functions
Concept:
A function is a tool with a certain function. Is a piece of code to complete a function.
Have you ever used functions before?
parseInt() alert() are all functions provided by the system and can be used directly.
The system provides many functions, but not all functions are included, so some functions need to be written by ourselves ...
Added by phprocker on Sat, 25 Dec 2021 10:20:17 +0200
HTML+CSS common interview questions
★ if the width and height of parent and child elements are not fixed, how to achieve horizontal and vertical centering
- Elastic box model
-Parent element settings: display:flex; justify-content:center; align-items:center
-Additional action: set elastic box for parent element display:flex; Child elements can be set margin: auto; Achieve ve ...
Added by merlinti on Sat, 25 Dec 2021 08:01:38 +0200
JS array, and the use of timer and delayer
preface
On 04day of training 1, I mainly learned the array in JS and the use of timer and delayer.
Tip: the following is the main content of this article. The following cases can be used for reference
DAY04
1, Tab tab Toggle
The same location displays different contents on the interaction of different elements;
Core problem: note ...
Added by usvpn on Sat, 25 Dec 2021 08:00:33 +0200
JS to achieve magnifying glass effect
First, the principle of the magnifying glass is to move the position of the small black block in the front small picture, and then move the position of the box where the rear large picture is located.
Then you can list the effects to be achieved in steps.
1. Put the mouse on the small square above the small box and the big pictur ...
Added by alasdair12 on Thu, 23 Dec 2021 23:23:27 +0200
QR code business card making
1. Structure design of QR code page
Definition list
Definition lists are often used to explain and describe terms or nouns. Unlike unordered and ordered lists, the list items of a definition list do not have any bullets in front of them. Define list to < DL ></ DL > build a list container, which contains two parts: definition item ...
Added by CtrlAltDel on Thu, 23 Dec 2021 13:16:06 +0200
vue Interview - Summary of Interview Questions 3
1. What is a closure function based on JS and what is it used for?
var i=10;
function add1(){
alert(i);
i++;
}
function add2(){
var j=100;
alert(j);
j++;
}
//Test:
// add1(); //10
// add1(); //11
// add1(); //12
//
// add2(); //10
// add2(); //10
// add2(); //10
The reason is simple i is a global variab ...
Added by jamest on Thu, 23 Dec 2021 05:37:29 +0200