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, &amp ...

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