Detailed explanation of javascript native js rotation diagram
catalogue
1. Realization of rotation chart function
4.1 getting elements
1.2 left and right buttons display and hide
1.3 small circle dynamic setting click add class name click picture move
1.4 cloning small li cells
1.5 click the button on the right to scroll the picture
1.6 click the button on the right to change the small circle poi ...
Posted by KC8Alen on Sat, 16 Oct 2021 00:13:49 -0700
css foundation -- collapse / merging of the outer margin of the box and its solution
catalogue
What is outer margin collapse
How to solve the collapse of outer margin
What is an outer margin merge
How to resolve outer margin merging
What is outer margin collapse
When two nested relationship block level elements, if the parent element sets the upper outer margin ...
Posted by david4u on Fri, 15 Oct 2021 18:06:04 -0700
New to the front-end - learning and sharing
CSS3 elastic box
Case sharing
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="https://at.alicdn.com/t/font_2870866_bl0ozdsuq.css">
<title>Document</title>
<style>
*{padding: 0; margin: 0;}
body,html{
height: ...
Posted by exoskeleton on Fri, 15 Oct 2021 17:18:08 -0700
Lists, tables, forms in html
Catalog
Lists (Ordered and Unordered Lists)
1. Unordered list
2. Ordered List
3. Nesting of lists
2. Forms
1. Primary labels required for tables
2. Details on Form Making
3. Merge of cells (across rows and columns)
3. Forms
1. Form Labels
2. Form Control
A, input control
B, select control: drop-down ...
Posted by karlkatzke on Fri, 15 Oct 2021 09:05:42 -0700
Front end Basics - CSS
Day10-CSS
1, Why clear float
Since the floating element no longer occupies the position of the original file stream, it will affect the layout of subsequent elements. In order to solve these problems, you need to clear the floating element at this time. To be precise, it is not to clear the float, but the impact caused by clearing the floa ...
Posted by eezmo on Wed, 13 Oct 2021 08:50:42 -0700
flex flexible layout
display: flex; // Used to turn on elastic layout
Before learning flex flexible layout, we need to understand the following concepts:
Elastic containerElastic projectprincipal axisCross axis
catalogue
1. Elastic container
2. Flexible items
3. Spindle
4. Cross axis
5. Elastic setting
6. Communication
1. Elastic container
Def ...
Posted by goltoof on Tue, 12 Oct 2021 21:05:41 -0700
< CSS3 > basic syntax and box model
catalogue
1. CSS3 Basics
1.1 CSS3 introduction
1.2 front end third floor
1.3 CSS selector
1.4 CSS writing position
1.4.1 embedded type
1.4.2 external chain
1.4.3 lead in type
1.4.4 inline
2.3 basic syntax
2.1 tag selector and id selector
2.1.1 label selector
2.1.2 id attribute and id selector
2.2 class selector
2. ...
Posted by 8ta8ta on Tue, 12 Oct 2021 14:53:18 -0700
CSS elements used in traditional layout
CSS layout common elements
display
The display attribute specifies the type of box that the element should generate. Each HTML element has its own default display attribute value. You can change the default values of HTML inline elements and HTML inline elements through display. In my previous introduction to HTML documents, I explained t ...
Posted by unknown101 on Mon, 11 Oct 2021 12:02:46 -0700
Implementation of offset, style and modal box in JavaScript
Learning objectives:
1. Understand the common attributes, functions and usage of offset series
2. The difference between offset and style
3. offset usage case
4. The modal box is implemented independently using offset
1. offs ...
Posted by pedro84 on Sun, 10 Oct 2021 06:34:39 -0700
Implementation principle of thread safe try catch exception
try{ // Exceptions may be thrown throw
}catch(){ // Catch exception
}finally{ No matter whether an exception is thrown or caught, it will come here, except return.
}
In c, goto cannot cross functions, while setj ...
Posted by Daguse on Sun, 10 Oct 2021 05:53:19 -0700