Advanced front-end module 1 for beginners
1. Analysis task
Using AJAX to read JSON file data, using loop and conditional statements to store the required data in each array, combining with change event can achieve the required functions
2. Analysis of advantages and disadvantages
Advantage: not only in the implementation of its basic functions, but also in the json file to change the a ...
Posted by Millar on Sun, 01 Dec 2019 10:44:09 -0800
Form options mutual exclusion (vue)
There is a demand recently:There are three multi selection boxes in the form, and their options are the same. However, if one of them is selected, it cannot be selected in the other two multi selection boxes.Such a question reminds me of the example of "putting table tennis in different boxes".
Upper code
// index.html
<!DOCTYPE h ...
Posted by bugsuperstar37 on Sun, 01 Dec 2019 10:25:01 -0800
Performance comparison between clone and new in PHP
Clone and new should not be put together for comparison. Their functions are different. But there may be some scenarios where you can use clone or new. Which one should we choose at this time?
I have written two tests, the first is to declare an empty class, and the second is a class with construction methods and properties. In addition, I adde ...
Posted by venradio on Sun, 01 Dec 2019 08:27:46 -0800
Practical skills of Xpath in browser
In the browser environment, some powerful xpath standard methods are not supported (such as the regular matching method matches()), and only limited methods can be used for extraction. Here is a list of my commonly used search skills and experience; update from time to time.
Commonly used
Take the following paging component node ...
Posted by getDizzle on Sun, 01 Dec 2019 07:44:23 -0800
2. Initialization depth analysis of MyBatis Mapper Bean 5-3
III. load MapperScannerRegistrar
The startup class code is as follows:
package com.iwill.mybatis;
import org.mybatis.spring.annotation.MapperScan;
import org.springframework.boot.SpringApplication;
import org.springframework.boot.autoconfigure.SpringBootApplication;
import org.springframework.context.annotation.ComponentScan;
import or ...
Posted by suzzane2020 on Sun, 01 Dec 2019 04:16:48 -0800
java bean object property replication framework beanmapping release [0.0.2-annotation support
BeanMapping
In order to specify the mapping method more flexibly, the @ BeanMapping annotation was introduced in version 0.0.2.
Definition of annotation
Annotation is defined in the bean mapping API module, which is introduced by default by bean mapping core.
package com.github.houbb.bean.mapping.api.annotation;
import com.github.houbb.bean.ma ...
Posted by tigger on Sun, 01 Dec 2019 00:09:08 -0800
The weight and priority of CSS selectors
The author has been searching on the Internet for a long time and found the same content about the weight of CSS selectors. The most important one is the figure below
The particularity is divided into four levels. Each level represents a kind of selector. The value of each level is the number of selectors it represents multiplie ...
Posted by qing on Sat, 30 Nov 2019 22:36:11 -0800
web source of spring Transformation: mooc.com
Preface
We wrote the foundation of spring yesterday, and continue to write the knowledge related to web today
The use of spring web
Import dependency first
<dependency>
<groupId>org.springframework</groupId>
<artifactId>spring-core</artifactId>
<version& ...
Posted by monarlte on Sat, 30 Nov 2019 22:14:58 -0800
Analysis of Compiler.js module of webpack source code
webpack.js little tail
const webpack = (options, callback) => {
//...
if (callback) {
if (typeof callback !== "function") {
throw new Error("Invalid argument: callback");
}
if (
options.watch === true ||
(Array.isArray(options) && options.some(o => o.watch))
...
Posted by deep on Sat, 30 Nov 2019 11:01:15 -0800
Summary of the fourth question: window
Realization method of floating window
Floating window is the window floating around on the page. To achieve this effect, you need to change the distance between the div and the left side of the browser.
html part:
<div id="floatWindow">
<div class="title">
<a href="https://Www.baidu, com "target = ...
Posted by error_22 on Sat, 30 Nov 2019 09:27:37 -0800