Detailed explanation of the binding between vue class and style
1, Several ways to bind a class
1. Object syntax
Let's take a look at the example:
<div id="app3">
<div :class="{'success':isSuccess,'fail':isFail}">Object binding class</div> //Simple processing uses data directly to judge
<div :class="classes">Compute property binding class</div> //When ...
Posted on Wed, 01 Apr 2020 22:58:27 -0400 by YodaOfCamarilla
Front end gadgets. Delete. Fold. Maximize. Drag layout. Tree menu
The above is the overall layout
Add Remove method
Array.prototype.indexOf = function (val) {
for (var i = 0; i < this.length; i++) {
if (this[i] == val) return i;
}
return -1;
};
Array.prototype.remove = function (val) {
var index = this.indexOf(val);
if (index > -1) {
this.splice(index, 1);
}
};
Passing in id can delete correspondin ...
Posted on Wed, 01 Apr 2020 18:45:15 -0400 by sc00tz
A detailed explanation of nth child and nth of type in jQuery
First, paste the HTML code:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("button").click(function(){
var btn = $(this).text();
$("p").css("background-color", ...
Posted on Wed, 01 Apr 2020 17:29:06 -0400 by mu-ziq
Some understanding of vue life cycle and hook function
1, Announcement cycle picture on official website
2, Introduction to the life cycle functions of vue1.0 and vue2.0
3, Case explanation
1. Simple case
<!DOCTYPE html>
<html>
<head>
<title></title>
<script type="text/javascript" src="https://cdn.jsdelivr.net/vue/2.1.3/vue.js"&g ...
Posted on Wed, 01 Apr 2020 16:34:29 -0400 by Drumminxx
The implementation of vue global variables
Recently, the learning of VUE.js involves JS global variables, which are not so much VUE global variables as modular JS development global variables.
1. Global variable specific module
It is to organize and manage these global quantities with a specific module. It is convenient to import the module where reference is ...
Posted on Wed, 01 Apr 2020 14:24:23 -0400 by Havok
The perfect combination of Bmob and Promise
In the trial scenario, a table is queried by bmob criteria, and then the data returned by the table is queried by multiple tables. The data queried by multiple tables is integrated into a single data until it is finally rendered to the view layer, that is, various asynchronous operations.
Let's first look at the query of Bmob
con ...
Posted on Wed, 01 Apr 2020 12:16:00 -0400 by murali
css - calculate all styles of elements through getComputedStyle()
javascript - computes all styles of elements
javascript - computes all styles of elements
getComputedStyle()
Compatible with IE8
Summary
In daily development, if you need to read the style style of html element or the attribute value of class style, you can use the new method getComputedStyle() in DOM2 level ...
Posted on Wed, 01 Apr 2020 12:00:25 -0400 by V34
[front end] book guest editor Web version v1.0 - installation and use
Author: Zou Fengli, micro-blog: zrunker, mailbox: zrunker@yahoo.com, WeChat official account: Book user creation, personal platform: www.ibooker.cc.
This article is selected from Book user creation Platform 101. Read the original text .
The installation and use of the book guest editor Web version v1.0 can ...
Posted on Wed, 01 Apr 2020 10:26:30 -0400 by mattee
JavaScript closure problem
JavaScript closure problem:
1. Variables in JavaScript include global variables and local variables, which belong to windows objects.
Note: if the var keyword is not used for variable declaration, it is a global variable, even if it is declared inside the function.
2.javascript closure
(1) . use global variables to define counters:
<sc ...
Posted on Wed, 01 Apr 2020 10:15:58 -0400 by orangehairedboy
Page loading progress bar
Make progress bar by loading status event
Use the loading page before the main page is fully loaded, and hide the loading page after loading
-Event when the document.onreadystatechange page load state changes
-document.readyState returns the status of the current document
Four states:
uninitialized - not loaded yet ...
Posted on Wed, 01 Apr 2020 06:41:12 -0400 by thefisherman