Mermaid drawing tutorial
References
Example of mermiad drawing
Flowchart flowchart syntax description
Sequence diagrams syntax description
Class diagrams - class diagrams syntax description
Syntax description of State diagrams
Entity Relationship Diagrams syntax description
User Journey Diagram - syntax description of User Journey Diagram
Gantt chart Gantt ...
Posted by nati on Sun, 08 May 2022 15:11:21 +0300
css-1
Objectives: 1. What is css? 2. What is the relationship between css and html? 3. Three forms of css?
Style sheet features
Priority algorithm and sorting
1. What is css?
1，English name: Cascading Style Sheets
Chinese Name: cascading style sheet, also known as cascading style sheet, referred to as style sheet
2，be used for HTML Style defi ...
Posted by mr_armageddon on Sat, 07 May 2022 20:24:35 +0300
css drawing eight direction PTZ ring button wheel
Turned a lot of posts, and finally based on https://blog.csdn.net/zhangtff/article/details/89458797 The article uses css to draw the eight direction button wheel used to control the camera and so on, which is recorded here. The effect picture is roughly as shown in the figure below. The pictures used have not been found for art work, so I just ...
Posted by st0rmer on Fri, 06 May 2022 22:51:25 +0300
Zero basis Vue JS learning notes advanced level
Note sorting source: station B up master dark horse programmer Station B dark horse programmer quick start vue front end
Suitable for beginners Vue js， This article is advanced The basic part includes the Vue foundation and local application links in the course This paper is an advanced chapter, including network application and comprehensiv ...
Posted by gregtel on Thu, 05 May 2022 04:57:52 +0300
Advanced CSS skills
1. Rounded border
In CSS3, the rounded border style is added, so that the box can be rounded.
The border radius property is used to set the outer border fillet of the element.
Syntax: border-radius: length;
Parameter values can be numeric or percentage
This attribute is a shorthand attribute, which can be followed by four val ...
Posted by brandon on Wed, 04 May 2022 23:04:09 +0300
css selector priority resolution and font attribute resolution
Welcome~
1. Multiple styles
If some attributes are defined by the same selector in different style sheets, the attribute values will be inherited from the more specific style sheet.
For example, an external style sheet has three properties for h3 selectors:
The internal style sheet has two properties for h3 selectors:
h3 { col ...
Posted by arkleyjoe on Tue, 03 May 2022 07:05:59 +0300
Use of Canvas
1. Overview of Canvas
Canvas draws 2D graphics on Web pages through JavaScript. Canvas is rendered pixel by pixel. Developers can draw arbitrarily through JavaScript scripts. There are several ways to use canvas elements to draw paths, rectangles, circles, characters, and add images.In Canvas, once the drawing is completed, it will not con ...
Posted by ArmanIc on Tue, 03 May 2022 04:54:21 +0300
Introduction to common layout
1, Introduction
Web page layout is very important for a front-end developer. Mastering layout knowledge will help us better realize the design and development of CSS interface. Layout is the arrangement of elements in a limited space. Because the page design does not scroll horizontally and extends infinitely vertically, the layout discussed mo ...
Posted by Arenlor on Mon, 02 May 2022 22:24:50 +0300
CSS basic syntax: selector, common element attributes, box model, flexible layout
1, What is CSS
HTML only describes the skeleton structure and content of the page. CSS can describe the style of the page and further beautify the page Cascading style sheets CSS can accurately control the layout of the element position in the web page at the pixel level, realize the effect of beautifying the page, and separate the style ...
Posted by phanh on Mon, 02 May 2022 16:42:14 +0300
Four ways to realize visualization in browser
Understanding of visualization: visualization is the theory, method and technology of organizing data into a structure that is easy to be understood and recognized by people, and then presenting it in the form of graphics.
There are four ways to achieve visualization:
1,html+css
Some simple charts can be implemented with html and css.
Advan ...
Posted by tiagofrancis on Sun, 01 May 2022 20:50:09 +0300