[JavaScript learning notes] things about built-in objects (all details, I've collected them!)
Built in object
There are three types of objects in JavaScript:
custom objectBuilt in objectBrowser object
The first two objects are the basic content of JS and belong to ECMAScript; The third browser object is unique to JS
Built in objects refer to the built-in objects of JS language, which are used by developers and provide some com ...
Added by Waldir on Sat, 05 Mar 2022 03:01:49 +0200
Vue picture rotation component instance code
Necessary knowledge: http://github.crmeb.net/u/defu
Write the rotation page: HTML+CSS Vue cli: create project Vue Basics: template syntax, calculation attributes, listeners, rendering methods (conditional rendering, list rendering), components Deep component: component registration, interaction mode between parent and child components, and cus ...
Added by I WanT To Code PHP on Sat, 05 Mar 2022 02:40:29 +0200
Thoroughly understand the three inheritance of prototype chain and Class inheritance of ES6
Prototype inheritance
Advantages: the same prototype object
Disadvantages: the prototype object cannot be modified, which will affect all instances
function Animal(){
this.type = "animal"
};
function Cat(name,color){
this.name = name;
this.color = color;
};
Cat.prototype = new Animal ...
Added by dw89 on Sat, 05 Mar 2022 01:57:58 +0200
[summary of front-end knowledge points] WebAPI BOM & localStorage
Five objects of BOM
Window object: current browser window
1 . window object characteristics
Window is the top-level object in JavaScript. All global functions and global objects are the methods of window objects
For example, document, alert(), setInterval(), setTimeout(), and so on The member of the window object (attribute + method), whi ...
Added by maverickminds on Sat, 05 Mar 2022 00:44:49 +0200
React17+TS4 project construction
1. Create a new react+ts project
npx create-react-app <appname> --template typescript
2. push the new local project to the remote warehouse
New remote warehouse
Open the local project directory and add all the existing files in the current directory to the newly created git warehouse
Execute git add
Submit the added documents and w ...
Added by Tjeuten on Sat, 05 Mar 2022 00:08:51 +0200
New feature of ES6 | array extension
1. Extension operator
(1) Basic usage
Array to parameter sequence (comma separated)
let arr = [1,2,3];
console.log(...arr); // 1 2 3
function call
let arr = [1,2];
function add(x,y) {
console.log(x+y);
};
add(...arr); // 3
Extension operators can place expressions
const arr = [
...(x>0 ? ['a']:[]),
'b',
]
If the e ...
Added by helloworld on Fri, 04 Mar 2022 23:01:39 +0200
Interaction between JavaScript and css
catalogue
Style sheet review
1. Three selectors for style sheets
tag chooser
Id selector
Class selector
2. Common attributes of style
3. Style sheet
Internal style sheet
External style sheet
Case 1: dynamically change the border style of the picture
Case 2: advertising pictures scrolling with the mouse
Case 3: picture magnifying g ...
Added by Mig on Fri, 04 Mar 2022 19:36:15 +0200
[js30 Wes BOS] image processing using CSS variables 03
title: [native javascript project] image processing with javascript 03date: 2021-11-13 11:43:56tags: native javascript projectcategories: 30 native javascript projectsintroductionThis paper uses JavaScript to update the image of a web page. For the image processing part, this page can adjust the border width, blur and border color value of the ...
Added by icey37 on Fri, 04 Mar 2022 16:05:18 +0200
Object capture / delegate event / unblock event handler js
event
Binding event handler
ele.onxxx = function(event){}
<div onclick="console.log('a')"></div>
var div = document.getElenmentsByTagName('div')[0];
div.onclick = function(){
this.style.backgroundColor = 'green';
}
Good compatibility, but only one handler can be bound to the same event of an elem ...
Added by tcarnes on Fri, 04 Mar 2022 13:57:51 +0200
Follow the react project (to P17)
git command steps
Programmer A
git init
git add . # Add to staging area
git commit -m "init app" # Submit to local warehouse
# Associate to remote warehouse and alias the address
git remote add origin https://gitee.com / remote warehouse address git
git push origin master # Push local master branch to remote master branch
git checkout -b ...
Added by ShawnD on Fri, 04 Mar 2022 11:20:39 +0200