HTML learning notes

HTML 1: Basic cognition Understanding web pages 1: What is a web page Text, pictures, audio, video and hyperlinks 2: What is the essence behind the web page Front end code 3: What is the code transformed into an interface Browser parsing and rendering Five browsers 1: Browser It is the platform for web page display and operation 2: ...

Added by roshanjameer on Sun, 06 Mar 2022 15:06:05 +0200

[Bao Zhen] my first webpack optimization, the first screen rendering from 9s to 1s

Hello, I'm Xiaobai. This article is based on vue2. It takes about 3 minutes to read the full text.When it comes to webpack optimization, most people may be tired of it. It's just those moves. I've read many similar articles before, but I haven't really started it. Here's what I practiced with the company's projects. The loading speed of the fir ...

Added by wattee on Sun, 06 Mar 2022 14:45:09 +0200

Detailed explanation of JavaScript event flow

DOM event flow To understand the event flow, we must first understand three points: Elements are not independent, they are connected in seriesAfter a single element triggers an event, it will affect other elementsMode of event flow: event capture (proposed by Netscape) and event bubbling (proposed by IE) Let's take the above figure as ...

Added by pbjpb on Sun, 06 Mar 2022 13:48:01 +0200

JavaScript form validation & regular expression & secondary linkage

  catalogue 1, Concept of form validation Form validation is one of JavaScript's advanced options. The form data verified by JavaScript include: 2, Common functions and events of form verification Common functions Common events 3, Regular Basic regularity Basic case Password level Login authentication 4, Secondary linkage ...

Added by vcarter on Sun, 06 Mar 2022 12:59:56 +0200

Common methods of Object in JavaScript

Common methods of Object Object.getPrototypeOf() Object. The getprototypeof method returns the prototype of the parameter object. This is the standard way to get prototype objects. var F = function () {}; var f = new F(); Object.getPrototypeOf(f) === F.prototype // true Prototypes of several special objects // The prototype of an empt ...

Added by chiaki*misu on Sun, 06 Mar 2022 12:50:19 +0200

JS advanced object-oriented chapter (including this judgment rule, deep / shallow copy, prototype / prototype chain, etc.)

1, Cognition object 1. What is it An object is a collection of key value pairs (k:v), which represents the mapping relationship between attributes and values The order should be considered in the array. The object does not consider the order, but depends on the mapping relationship 2. Object syntax k and v are separated by colons, each ...

Added by UKlee on Sun, 06 Mar 2022 11:26:16 +0200

ES6 new technology promise

promise is a new method proposed by ES6 to solve asynchronous programming problems. 1. Synchronous and asynchronous 1) Synchronization task: Task 2 cannot be executed until task 1 is executed. Synchronization tasks are directly placed in the main thread. 2) Asynchronous task: asynchronous tasks are placed in the event queue. Asynchronous task ...

Added by jomofee on Sun, 06 Mar 2022 11:12:20 +0200

What is HTML5 "HTML5 is a river, and I am its king"

Hi! Baoermeng, this is amumu. Meet again! Although the number of likes in the last web log was terrible, the last post actually had 111 (lonely ~ lonely ~) views, and surprisingly increased by two fans (although there are only two now, thank you very much for your support, I will continue to talk nonsense!), Let me progress from ∞ to the ...

Added by weneedmoregold on Sun, 06 Mar 2022 09:40:20 +0200

[Vue]vue2.6 detailed explanation of Vue class component and Vue property decorator using TS

vue2.6 middle pair typescript support Vue CLI 3 can generate new projects using TypeScript. # 1. If Vue CLI is not installed, install it first cnpm install --global @vue/cli # 2. Create a new project and select the "Manually select features" option vue create my-project-name 1. vue-class-component vue-class-component It is the of ...

Added by drorgo on Sun, 06 Mar 2022 09:18:08 +0200

JavaScript note 8(DOM, innerText and innerHTML, DOM addition, deletion and modification, using DOM to operate css)

DOM 1. What is DOM 2. Node (1) The childNodes property will obtain all nodes including text nodes. According to the blank space between DOM tags, it will also be regarded as text nodes. In IE8 browser, blank text will not be regarded as word nodes (2) The children attribute can get all the child elements of the current elemen ...

Added by rifts on Sun, 06 Mar 2022 08:24:15 +0200