Get started with React and create React app

React is a JavaScript library for building user interfaces This article mainly introduces the use of create react app Related resources React create-react-app Quick start Create project NPX create react app my app Open project CD my app Start project npm start directory structure There is no configuration or complex folder structure, ...

Posted by gobbly2100 on Tue, 24 May 2022 04:59:31 +0300

How to make this point clear?

I have to say that we need a premise to figure out this. You first need to know the basic concepts of function, object, scope and so on. It would be great to know the call, apply and bind methods Of course, it is very important to learn Chinese well You need to know the difference between first person and second person and third person Let's t ...

Posted by nfr on Tue, 24 May 2022 02:27:00 +0300

Synchronous and asynchronous (promise,async,await)

(promise,async,await), macro task, micro task 1. Synchronous and asynchronous Synchronization means that the code is executed within one frame; Asynchrony refers to waiting for a content to complete before execution. console.log("aaa"); for(var i=0;i<1000000000;i++){ } console.log("bbb");//synchronization The synchronization stops, waits ...

Posted by Seamless on Mon, 23 May 2022 10:59:57 +0300

Common methods of arrays in JavaScript

Common methods of arrays in JavaScript 1,push() add new content to the end of the array Parameters: The item to add. Pass multiple separated by commas, any data type is fine Return value: the length of the added array Whether to change the original array: change let ary1 = [12,34,26]; ary1.push(100); //returns a new length length=4console.log( ...

Posted by IronCannibal on Mon, 23 May 2022 10:47:51 +0300

Map search of Tencent location service point aggregation application

Effect of chain home analysis The map room finding function is realized by point aggregation. An example of the official website is as follows: https://lbs.qq.com/javascript_v2/sample/overlay-markercluster.html The map of Lianjia is mainly divided into three floors. The first floor is the urban floor, such as Nanshan, Luohu, etc; The second f ...

Posted by welsh_sponger on Mon, 23 May 2022 08:01:57 +0300

Detailed explanation of native JavaScript events!!!

JQuery, a Write Less Do More framework, will inevitably look up to native js when used too much. Xiaocai actually doesn't want to write this blog. It seems very elementary, but seeing that the binding and lifting of native js events on the network can't be understood, he decided to popularize science. First of all, I don't know much about sma ...

Posted by netmastan on Mon, 23 May 2022 07:34:38 +0300

Convert HTML page content to a picture or PDF file

1, Convert HTML page content to pictures use html2canvas Take a screenshot. html2canvas can capture the whole or part of the page directly in the user's browser. 1.1 first introduce the html2canvas plug-in You can use < script SRC=“ https://cdn.bootcdn.net/ajax/libs/html2canvas/0.5.0-beta4/html2canvas.min.js "> < / scrip ...

Posted by mailtome on Mon, 23 May 2022 06:05:11 +0300

Doubts caused by a CSS effect that zooms in on text with the mouse

First on the effect map, there are two kinds, This is to use transform to change the size and zoom This is to change the size of the text to zoom, which will cause typographic changes When using transform, you can obviously feel more stuck than when you use changing the size of the text, and the larger the browser window, the more obvious the s ...

Posted by bolter on Mon, 23 May 2022 02:38:34 +0300

Perhaps the most comprehensive introduction to Angular novice in the whole network

Angular overview Angular is an open source web front-end framework developed by Google, based on TypeScript. Compared with react and vue, Angular is more suitable for medium and large enterprise projects. Angular program architecture Angular advantage Scalability: Based on RxJS and immutable JS and other push models can meet the need ...

Posted by echox on Mon, 23 May 2022 00:06:26 +0300

Command mode of JavaScript Design Mode [command decoupling]

Before explaining the command mode, let's first understand a command mode scenario in life: Scenario 1: Hospital treatment and prescription: When you go to the hospital to see a doctor because of kidney deficiency, the doctor comes to the conclusion after some operation: you need to take a course of treatment [Xia Sangju] and [Xiaochaihu] (the ...

Posted by AlGale on Sun, 22 May 2022 14:36:53 +0300