CSS box model (border, padding, margin settings), horizontal centering of inline blocks or inline elements, removal of li dots, rounded corners, box shadows, and text shadows
1. Composition of box model
1. border border
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>test title</title>
<style>
div {
width: 300px;
height: 300px;
border: 5px dotted red;
border-right: 10px das ...
Posted by Shaped on Fri, 28 Jan 2022 03:11:45 +0100
vue advanced use vue Use () encapsulates its own plug-in
prelude
Learning a new knowledge should have some purpose, or understand the relevant background, and learn something with questions, at least not so painful. (don't tell me that learning is happy. Where does learning bring happiness (￣ ￣ ￣) (￣ ￣ ￣)
Let's first look at a scenario, a very common and simple requirement, which dynamically ...
Posted by rowanparker on Thu, 27 Jan 2022 20:49:48 +0100
vue change detection
1. What is a watcher
The watcher is a mediator that notifies it when data changes, and then it notifies others. For the watcher, see an example of using it:
//keypath
vm.$watch('a,b,c', function(newVal, oldVal){
//do something
}
)
This code represents data a. When the B.C attribute changes, the function in the second parameter is trigg ...
Posted by luvburn on Thu, 27 Jan 2022 15:43:19 +0100
element table manually implements user-defined filtering (Unofficial)
Look at the renderings first
1, Foreword
Party A has to export well and use excel for advanced screening. It has to implement one in the web page....
The initial attempt to use the official screening of element is very different from that of excel after showing it to Party A.. Fortunately, the official provides a custom header, so you ...
Posted by jwcsk8r on Thu, 27 Jan 2022 12:31:21 +0100
What is floating? Impact of floating? How to clear float?
Floating introduction
At first, the purpose of floating is to arrange text around pictures, just like the mixed arrangement of pictures and texts on newspapers. But} Web developers quickly realized that anything can float, not just images, so the use of floating expanded. Floating has been used to realize the layout of the whole website page, w ...
Posted by wyrd33 on Thu, 27 Jan 2022 12:15:14 +0100
Spring Boot Web preparation
Spring Boot Web preparation
Import static resourcesCustom home pagejspAssembly extension spring MVCAdd, delete, modify and checkInterceptorInternationalization (switching between Chinese and English)
Import static resources
Static resources under the five paths in the figure can be read
/**，classpath:/WEB-INF/resources/，classpat ...
Posted by drranch on Thu, 27 Jan 2022 07:16:29 +0100
JS base array type
Declaration array
Array is a collection of multiple variable values. Array is an instance of array object, so you can call methods like objects.
Create array
Creating arrays using object mode
console.log(new Array(1, 'wgchen', 'willem')); // [1, 'wgchen', 'willem']
Using literal creation is a simple recommended practice
const array = ...
Posted by KFC on Thu, 27 Jan 2022 06:32:52 +0100
Easy introduction to regular expressions
regular expression
establish
Creation method
Method 1: use the constructor to create. The syntax is new regexp (regular expression, matching pattern). The specific of this method is flexible and can pass variables, but it is cumbersome to use
const str = '1234 abcd'
let reg
reg = new RegExp(/\d/, 'g')
console.log(str.match(reg)) // [ ...
Posted by mjr on Thu, 27 Jan 2022 04:58:46 +0100
ajax notes_ 01_ Native ajax
Chapter 1 native AJAX
Introduction to AJAX
The full name of AJAX is asynchronous JavaScript and XML, which is the JS and XML of asynchronous requests. Through AJAX, you can send asynchronous requests to the server in the browser. The biggest advantage is to obtain data without refresh AJAX is not a new programming language, but a new w ...
Posted by Liodel on Thu, 27 Jan 2022 04:39:11 +0100
JavaScript learning record
array
Create array
Create an array with new
var arr1 = new Array();//An empty array was created
Creating arrays with array literals
var arr2 = [];//An empty array was created
var arr3 = [1,'2','kalise',true];
Because the second is simple, the second is usually used
Accessing array elements
var arr3 ...
Posted by USMarineNCO on Thu, 27 Jan 2022 04:00:00 +0100