❗ Summary of three common ways to introduce JavaScript into HTML ❗
introduction
JavaScript is a scripting language. Although there is Java in its name, it has nothing to do with Java. Its original name was LiveScript; The current front-end JavaScript is very popular, but the blogger himself is not ready to develop to the front-end, but he must understand some basic knowledge of the front-end; Last blog: ❗ Su ...
Posted by thor erik on Wed, 13 Oct 2021 01:50:50 +0200
What's new in HTML5
1. Semantic label
Header, NAV, section, aside, artificial and footer are all double tags
/*Structure code*/
<header>
<nav>navigation bar</nav>
< /header>
< section>
aside>sidebar < /aside>
<article>Independent content block</article>
</ section>
< footer>tail</ footer>
/*The ...
Posted by skyriders on Wed, 13 Oct 2021 00:21:12 +0200
Bug - display problem of inline block elements
Found Bug
Today, when making flex layout, I introduced four inline elements span into the parent element to test the related attributes of flex. The code is as follows. I originally wanted to put four spans in the box, because it is reasonable to put exactly four spans, but the actual effect is not so.
<!DOCTYPE html>
<html lang ...
Posted by cr55dan on Tue, 12 Oct 2021 00:42:13 +0200
Vue3 official website - Accessibility basics, semantics (forms, labels, Aria label, Aria labeled by, Aria describedby, buttons), standards, resources
Vue3 official website - Accessibility (21) basics, semantics (forms, labels, Aria label, Aria labeled by, Aria describedby, buttons), standards, resources
Summary:
1. Foundation
Web accessibility (also known as a11y) refers to the practice of creating a website that can be used by anyone - whether it's someone with some barrier, ...
Posted by iBlizz on Fri, 08 Oct 2021 06:04:50 +0200
Anti shake and throttling
Original link: https://segmentfault.com/a/1190000018428170
1. Why do anti shake and throttling occur
Anti shake and throttling should belong to the knowledge of performance optimization strictly, but in fact, the frequency encountered is quite high. Improper handling or laissez faire will easily cause the browser to get stuck. So it is necess ...
Posted by Fredix on Fri, 08 Oct 2021 03:27:06 +0200
Element and comprehensive exercises
1. Element basic usage
1.1 introduction to Element
Element: website rapid prototyping tool. Is it hungry? A set of Vue based website component library provided by the front-end development team of the company. Vue is required before using Element. Components: components that make up a web page, such as hyperlinks, buttons, pictures, tables ...
Posted by df75douglas on Thu, 07 Oct 2021 19:49:30 +0200
CSS basic syntax and the use of selectors
How to use CSS
Inline style (Lnline Style)
Inline style: written directly in the properties of the label.
<p style="color:red;">This is an inline style display!</p>
Internal style sheet
Internal style sheet: define CSS styles in the page by adding < style > < / style > tags to < head > tags.
<head& ...
Posted by sheraz on Thu, 07 Oct 2021 17:43:53 +0200
Vue components communicate with components
First answer the questions in the previous article
1. Why don't v-for key s be indexed?
First of all, the: key is used to issue a unique identifier to v-for. It is used for performance optimization. Its value should be non duplicate and unique
If you use the index as the value of the key, when you insert another value into the array or delet ...
Posted by bweekly on Tue, 05 Oct 2021 23:54:47 +0200
Code demonstration of image processing using Fourier transform
An example of image processing using DCT (discrete cosine) transform was introduced in the previous document:
Application of DCT/IDCT transform in image compression_ The vast majority of images in tugouxp's column CSDN blog have a common feature. Flat areas and areas with slow content change account for most of an image, while detail areas and ...
Posted by ym_chaitu on Tue, 05 Oct 2021 04:05:43 +0200
javascript Dom finishing summary
1. Get dom node
Find HTML elements by idFind HTML elements by tag nameFind HTML elements by Class nameFind HTML elements through CSS selectors
document.getElementById("#demo")
document.getElementsByTagName("demo")
document.getElementsByClassName("demo")
document.querySelectorAll("demo")
It is recommended to use query ...
Posted by CurrierSites on Sun, 03 Oct 2021 23:19:02 +0200