Use of HTML5 canvas
What is canvas
In web pages, we also call the special area for drawing graphics as "canvas". Web designers can draw their own graphic styles in this area.
How to use canvas
1. Create canvas
Use the canvas tag in HTML5 to create a canvas in a web page. Basic syntax format:
<canvas id="Canvas name" width="numerical value" he ...
Posted by ShawnK on Sun, 24 Oct 2021 04:45:57 -0700
VUE Core Learning Notes
Principle of VUE data monitoring
vue monitors all levels of data in the data How do I detect data in an object? adopt setter Implement monitoring, and in new Vue Pass in the data to be detected
(1),Attributes appended to the object, vue Do not respond by default
(2),To respond to the added attributes, use the following API:
Vue.set ...
Posted by adzie on Sat, 23 Oct 2021 09:16:20 -0700
HTML5 final assignment: sports website design - ancient yoga website (28 pages) HTML+CSS+JavaScript
HTML5 final assignment: sports website design - ancient yoga website (28 pages) HTML+CSS+JavaScript student DW web page design assignment finished web course design web page planning and design computer completed web page design source code
Common web design topics include individuals, food, companies, schools, tourism, e-commerce, pets, el ...
Posted by easmith on Fri, 22 Oct 2021 01:19:38 -0700
The basis of Web front-end development -- using tables in web pages
The basis of Web front-end development -- using tables in web pages
preface
This article mainly explains how to create a table in the web, and set the size of the table, cell width and height, background color and font size in the table
Tip: the following is the main content of this article. The following cases are for reference only ...
Posted by badviking on Tue, 19 Oct 2021 12:05:24 -0700
Anti shake and throttling
In the actual development, we will encounter such a scenario: we need to register an event, but sometimes this event will be triggered frequently in a short time. The frequent execution of the event will lead to a large number of calculations by the browser and cause the page to jam and fake death. Therefore, we need to solve this problem t ...
Posted by JAB Creations on Mon, 18 Oct 2021 17:39:40 -0700
Element plus learning notes
Element plus learning notes (I)
catalogue
Introduce element plus (main. JS)
Underline removal of router link
Implement hover effect through CSS to control another element
Item center setting
layout
Container layout container
Basic specification
Icon icon
Link text link
Menu menu
Introduce element plus (main. JS)
impor ...
Posted by Langridge on Mon, 18 Oct 2021 14:51:03 -0700
Responsive layout (47)
1, viewport
On the PC side, the HTML page we developed runs in the browser. How wide the browser is (generally, the browser represents the width of the device) the html is, that is, render and render our page in the browser wide viewport
There are differences between the mobile terminal and the PC terminal: no matter what the width of the mob ...
Posted by sprint10s on Mon, 18 Oct 2021 10:12:40 -0700
Painstakingly collect the most complete JavaScript and the most practical tool function methods in the history, and it is recommended to collect them!
1. Digital operation
(1) Generates a random number in the specified range
export const randomNum = (min, max) => Math.floor(Math.random() * (max - min + 1)) + min;
(2) Digit thousands separator
export const format = (n) => {
let num = n.toString();
let len = num.length;
if (len <= 3) {
return num;
} else { ...
Posted by Kain Elderan on Mon, 18 Oct 2021 00:15:14 -0700
HTML5 basics exploration
W3C standard
meta tag
<meta name="" content="">
The commonly used keywords in name are: keywords and description.
Bold and italic
<strong>,<em>.
Special symbols (escape characters)
&Temp: space, & gt: greater than sign, & lt: less than sign, & ...
Posted by stovellp on Sun, 17 Oct 2021 19:03:46 -0700
web front-end learning 13-19
4 common labels
4.3 paragraph and line break labels (important)
In the web page, to display the text in an orderly way, you need to display these words in sections. In HTML tags, the < p > tag is used to define paragraphs. It can divide the whole web page into several paragraphs.
<p>I am a paragraph label</p>
An abbreviat ...
Posted by Mig on Sat, 16 Oct 2021 21:39:44 -0700