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