Use and understanding of entry-level canvas
1,canvas
canvas is h5 a new tag added, so it may not be compatible in the lower version of ie.Canvas is a canvas, which can draw graphics freely.canvas is a native js object and jq is not recommended
2. Basic use and introduction of canvas
1. Foundation use
Use the canvas tag to add width and height attributes
The canvas tag is an inline t ...
Posted by logging on Tue, 17 May 2022 04:53:11 +0300
Mobile terminal adaptation scheme
Mobile terminal adaptation scheme
Adaptation scheme of mobile terminal:
flex + rem units have the most adaptation effects (such as Taobao and Xiaomi mobile terminals) in the current marketflex + viewport width /vh unit is a new trend for adaptation effect (such as mobile terminal of station B)
Let flex make the layout (box placement), and ...
Posted by Immyphp on Tue, 17 May 2022 02:15:26 +0300
CSS world reading notes: (Ch4 - Part I)
CSS world reading notes:
For the language CSS, the difference between learning 80 points in 3 years and 90 points in 10 years is actually limited. When you remove the veil in front of you and take a closer look, you will find that what is missing is not the front-end, but excellent, qualified and technologically in-depth front-end develope ...
Posted by chyan on Sat, 14 May 2022 15:44:08 +0300
CSS text style
In this section, we talk about text styles, such as setting text color, indenting the first line, horizontal alignment, etc., and setting the page layout.
The text attributes to be learned are as follows:
attribute
describe
color
Set text color
text-index
Sets the indentation of the first line of text
text-align
Set horizontal alignmen ...
Posted by smbkgeo1983 on Sat, 14 May 2022 11:09:25 +0300
Front-end css style --- web page layout (to be supplemented later)
web layout
web layout Web page layout can be understood as typesetting, there are many tools that can be used for typesetting, such as world PPT, ps and many other software Web typography refers to the elements we want to display on the browser using a specific format to display
There are three ways of web layout/typesetting
standard stre ...
Posted by karan23424 on Sat, 14 May 2022 10:49:31 +0300
CSS chapter of front-end knowledge combing of "CSS deep pointing North" (special chapter of mid autumn National Day)
Know browser
component
It's possible that when we talk about the components, the partners are directly confused. To be frank, don't be afraid, there are more confused people behind!
The composition is divided into two parts: shell and kernel (the kernel is the core part, which represents the technical means used by the browser, and the she ...
Posted by xbase on Fri, 13 May 2022 15:22:54 +0300
JS end: write a fully functional e-commerce rotation chart with JavaScript
Rotation chart: automatic rotation + click the corresponding point to switch + next + menu navigation Let's talk about the idea first, and then the code:
First take the overall HTML layout, first rotate the map, and then click the corresponding small circle to jump to the previous one and the next one. Then the layout of the left menu bar, th ...
Posted by bluntster on Fri, 13 May 2022 14:33:24 +0300
Front end daily combat work No. 175: Yin and Yang patterns drawn in pure CSS
Yin and Yang is a simple and broad concept of ancient Chinese philosophy. It is difficult to form whether they are born or not, long and short, and high and low. This is the binary invented by our great ancestors, so programmers should learn and understand it more.
Effect preview
Press the "click preview" button on the right to previ ...
Posted by ringartdesign on Thu, 12 May 2022 21:30:13 +0300
Learn how to write function overloading in TypeScript
Author: dmitripavlutinTranslator: front end XiaozhiSource: dmitripavlutinThere are dreams and dry goods. Wechat search [Daqian world] pays attention to this dish washing wisdom who is still washing dishes in the early morning.This article GitHub https://github.com/qq449245884/xiaozhi It has been included. There are complete test sites, materia ...
Posted by pipeten on Thu, 12 May 2022 02:36:39 +0300
A simple web layout
1. Head setting
1. Set the whole height of the head. 2. The logo module floats to the left, adds pictures to the logo part, and makes the picture position appropriate by setting the width and height of the picture, the left outer margin and the upper outer margin. 3. The banner module has floating. Add content through the ul li tag, set t ...
Posted by Altairzq on Mon, 09 May 2022 23:01:30 +0300