Vue.js front-end framework: custom instructions
1. Why define custom directives
After studying the Vue front-end framework, we also know many built-in instructions, such as v-for instruction, v-if instruction, v-bind instruction, v-model instruction and so on. However, because these built-in instructions tend to be instrumental, and sometimes it is necessary to implement specific business l ...
Added by dr.maju on Sat, 19 Feb 2022 15:19:47 +0200
Custom iview selector (original) - Select All button Csearch
This component relies on the select of iView and can be freely used in projects with iView installed globally or in pages with select introduced locally.
catalogue
Effect displayFunction descriptionStructure codeLogic codeComponent applicationevent hook github
Effect display
From left to right: unselected status, selected stat ...
Added by TheDeadPool on Sat, 19 Feb 2022 13:33:08 +0200
html+css+js to achieve the countdown effect
If you are Xiaobai, this set of information can help you become a big bull. If you have rich development experience, this set of information can help you break through the bottleneck 2022web full set of video tutorial front-end architecture H5 vue node applet Video + data + code + interview questions.
catalogue
Write in frontGeneral effectC ...
Added by windjohn on Sat, 19 Feb 2022 11:15:39 +0200
form elements and their attributes
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Form elements and their attributes</title>
</head>
<body>
<form action="http:www.baidu.com" method="get" target="_blank">
Submit button
<input type="submit" /><br />
Text b ...
Added by freddyw on Sat, 19 Feb 2022 11:01:38 +0200
Cross domain and Solutions
Cross domain interpretation
What is cross domain
When any of the protocol, domain name and port of a request url is different from the url of the current page, it is cross domain
Why do cross domain problems occur
Homology policy is an important security policy, which is used to restrict how an origin document or its loaded script can i ...
Added by ursvmg on Sat, 19 Feb 2022 08:00:07 +0200
CORS error has been blocked by CORS policy
If you are Xiaobai, this set of information can help you become a big bull. If you have rich development experience, this set of information can help you break through the bottleneck 2022web full set of video tutorial front-end architecture H5 vue node applet Video + data + code + interview questions.
Problem description
The global request ...
Added by nca on Sat, 19 Feb 2022 07:11:31 +0200
Web Components series -- realizing the reusability of MyCard
prefaceIn the previous section, the basic layout of MyCard was implemented using Templates, and I also said at the end of the article that because it is not reusable, its practicability is basically zero.Today, we use named Slots to occupy a place in Templates, and then pass values to Slots in custom elements to improve the flexibility of custo ...
Added by premiso on Sat, 19 Feb 2022 05:21:00 +0200
My front-end learning notes (continuously updated...)
[the external chain image transfer fails. The source station may have an anti-theft chain mechanism. It is recommended to save the image and upload it directly (img-n71fixw8-1619244581160) (C: \ users \ Juan ~ er \ appdata \ roaming \ typora user images \ image-20210410141227980. PNG)]
JavaScript Foundation
brief introduction
history
JavaSc ...
Added by timmah22 on Sat, 19 Feb 2022 03:29:35 +0200
Promise constructor method
What is Promise 1. Know Promise: Promise is a solution for asynchronous operation. Let's talk about asynchronous first: The callback function is actually an asynchronous operation, for example:
document.addEventListener(
'click',
() => {
console.log('This is asynchronous');
},
false
);
...
Added by tieded on Sat, 19 Feb 2022 01:01:32 +0200
Personal summary for element plus form validation
If you are Xiaobai, this set of information can help you become a big bull. If you have rich development experience, this set of information can help you break through the bottleneck 2022web full set of video tutorial front-end architecture H5 vue node applet Video + data + code + interview questions.
preface
Form verification can verify th ...
Added by Hellomonkey on Fri, 18 Feb 2022 22:50:57 +0200