Front end - initial knowledge of HTML and CSS - floating layout
(7) Front end - initial knowledge of HTML and CSS - floating layout
1, CSS layout
1. Layout of web pages
It refers to how the browser arranges the elements in the web page
2. Standard stream (/ document stream / normal stream) typesetting mode
1) Browser default layout
At the bottom of the web page, it represents the position in a page. B ...
Posted by The_Assistant on Fri, 19 Nov 2021 03:36:03 -0800
Grail layout and twin wing layout
1, Foreword
I've seen the interview questions of Holy Grail layout and double wing layout many times. Each time I thought I understood it. As a result, I didn't see it for a while or forgot it. Maybe the interview level I experienced was too low to get it.. In addition, there are generally no such optimization requirements in normal developmen ...
Posted by tengkie on Thu, 18 Nov 2021 21:48:25 -0800
Teach you to achieve a simple Canvas clock effect
Abstract: today I'll teach you to write a canvas clock case. The effect may look simple without those fancy ones.
This article is shared from Huawei cloud community< How to realize a simple Canvas clock effect >, author: Aurora Borealis night..
1, First look at the effect:
Write a clock case of canvas today. The effect may seem relati ...
Posted by Molly on Thu, 18 Nov 2021 20:54:48 -0800
2, Select structure
catalogue
1. Composition of JavaScript
1. Three cores
2. Common methods of window objects
2.if selection structure
3. Multiple if selection structure
4. Nested if selection structure
5.switch selection structure
6. Ternary expression
1. Composition of JavaScript
1. Three cores
ESMAScript core syntax (Standard Specification) - > ...
Posted by jikishlove on Thu, 18 Nov 2021 07:04:12 -0800
express framework learning
express is a node framework
It prepares you for all the back-end needs to do
Encapsulate most behaviors into methods (services)
An interface location is reserved, and many plug-ins can be registered directly
use
1 download using npm install express
2 import using const express = require('express')
3 create service
=>After importing, ...
Posted by b-real on Wed, 17 Nov 2021 00:47:50 -0800
Web front end final assignment - Web Design of responsive art training institutions (bootstrap+HTML+CSS+JavaScript +)
🍅 Author home page: Li Yangyong
🍅 Introduction: high quality creator in Java field 🏆, [Li Yangyong] author of public account ✌ Resume template, learning materials, interview question bank, technical assistance [pay attention to me and give it to you]
🍅 Get the source code at the end of the article 🍅 ...
Posted by eagleweb on Fri, 12 Nov 2021 19:18:21 -0800
HTML Basics (front end technology)
1, HTML5 document structure
in order to better understand and understand HTML5 web pages, a simple and standard HTML5 document structure code is given below.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>hello</title>
</head>
<body>
</body>
</html>
...
Posted by girlzz on Fri, 12 Nov 2021 15:08:33 -0800
flex layout principles
flex yes flexible Box Abbreviation for Flexible Layout,
Used to provide maximum flexibility for box models, any container can be specified flex Layout.
When the parent box is set to the flex layout, the float, clear, and vertical attributes of the child elements become invalidScalable Layout=Elastic Layout=Scalable Box Layout=Elastic Box Layo ...
Posted by jake2891 on Fri, 12 Nov 2021 13:03:31 -0800
Do you really know the input form--- Collect user input information
1, What is a form
The form is mainly responsible for the data collection function in the web page. The < form > tag in HTML is used to collect the information entered by the user, and submit the collected information to the server for processing through the submission operation of the < form > tag
Form components:
Form lab ...
Posted by jrobles on Thu, 11 Nov 2021 01:37:12 -0800
AJ report project analysis
2021SC@SDUSC
Continue analysis:
In the last article AJ report project analysis (4) In, we focus on the button source code in the corresponding source code of this page. Next, we analyze the column source code after the button:
// Table column
columns: [
{
label: "",
field: "id",
...
Posted by spyrral on Sun, 07 Nov 2021 10:26:57 -0800