Web learning route notes css3 animation
Day 8
css3 animation
1. Transform The following are the attribute values of transform
translate(x,y) defines a 2D transformation that moves elements along the X and Y axes. That is, translate to the x or y axis With one parameter, the x-axis is translated and the y-axis is not moved translateX(n) defines a 2D transformation that move ...
Posted by 9mm on Tue, 08 Feb 2022 04:07:36 +0100
The accept attribute of the El upload upload component limits the file type (detailed explanation of the case)
[Chen Xi should work hard]: hello, I'm Chen Xi. I'm glad you can read it. My nickname is that I hope I can constantly improve and move forward towards excellent programmers! The blog comes from the summary of problems encountered in the project and programming. Occasionally, there will be reading and sharing. I will update the summary of relev ...
Posted by ldd76 on Mon, 07 Feb 2022 23:51:28 +0100
Client development (Electron) awareness window 2
Dear, Hello, I'm "front-end Xiaoxin", 😇 He has been engaged in front-end development and Android development for a long time, is keen on technology, and goes farther and farther on the road of programmingElectron is a framework for building desktop applications using JavaScript, HTML, and CSS. Embed Chromium and node JS to binary ele ...
Posted by chadrt on Mon, 07 Feb 2022 21:27:34 +0100
CSS section - Section 8 positioning
Location 1 Why do I need to locate? 1. What if I want an element to move freely on the page or in a box and press down on another box? 2. What if we want a box to stay fixed while we scroll the page? (Side navigation bar) The above effect, standard stream or floating can not be achieved quickly, so positioning is needed to achieve it. So:
Floa ...
Posted by walnoot on Mon, 07 Feb 2022 18:21:38 +0100
nginx[4] Build an available static resource Web server
1. Download dlib
dlib
$ wget http://dlib.net/files/dlib-19.23.zip
$ unzip dlib-19.23.zip
$ rm -rf dlib-19.23.zip
$ ls -l
Total dosage 0
drwx------ 2 nobody root 6 2 July 21:54 client_body_temp
drwxr-xr-x 2 root root 333 2 July 21:53 conf
drwxrwxr-x 7 root root 226 1 February 2511:16 dlib-19.23
drwx------ 2 nobody root 6 2 July 21 ...
Posted by tarleton on Mon, 07 Feb 2022 18:14:16 +0100
javascript in web front end -- the use of DOM
Common concepts
Composition of JavaScript
JavaScript foundation is divided into three parts:
ECMAScript: Syntax Standard for JavaScript. Including variables, expressions, operators, functions, if statements, for statements, etc. DOM: Document object Model, an API for manipulating elements on Web pages. For example, let the box move, change ...
Posted by brmcdani on Mon, 07 Feb 2022 14:03:20 +0100
Web front end training notes 4
Source
videoÂ
green hand
css common attribute settings
background
Text
Â
Â
Â
Â
Alignment
Â
display attribute
Â
Float
Â
Code 1
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Common properties</title>
<style type="text/css"">
#div1 {
/*width: 5eepx;*/
...
Posted by ivi on Mon, 07 Feb 2022 13:59:12 +0100
IOC control reversal
preface
Before understanding IOC, we need to know the following knowledge
Servlet development in Java Web
Coupling / dependency
Dependency injection DI / control inversion IOC
Servlet development in Java Web
Servlet is the basis of Java Web, that is, network programming. The bottom layer of most frameworks we use now is servlet.
Serv ...
Posted by shamil on Mon, 07 Feb 2022 13:38:57 +0100
Several methods of detecting data class
There are four ways to detect data types
typeof,instanceof,constructor,Object.prototype.toString.call(),jquery.type()
typeof
console.log(
typeof 100, //"number"
typeof 'abc', //"string"
typeof false, //"boolean"
typeof undefined, //"undefined"
typeof null, //"object"
typeof [1,2,3], //"object"
typeof {a:1,b:2,c:3} ...
Posted by ahzulfi on Mon, 07 Feb 2022 10:04:16 +0100
Usage of named slot and scope slot in vue2 and old and new syntax
Conceptual difference
Named slot: how to distinguish when there are multiple slots at the same time. Just specify a name for each slot
Scope slot: how to use the data of child components in the parent component to define the slot content. A simple understanding: the child slot displays its own internal data by default, but the parent wants to ...
Posted by menriquez on Mon, 07 Feb 2022 08:34:51 +0100