React JS to write a simple picture carousel
Summary of knowledge points
Local image path loading
Two forms of component method component class component
prop state
createClass is obsolete
Create react app scaffold
react get DOM node
file structure
App.js code
import React, { Component } from 'react';
import './App.css';
//Method Btns component
function ...
Posted by Daijoubu on Fri, 15 May 2020 09:47:32 -0700
jQuery animation and queue, simple queue() in and dequeue() out implementation
#jQuery animation
-1. Hide
-2.show() display
```js
$('. demo').show(3000, 'swing');//width height opacity padding operates on these parameters simultaneously
```
-3.toggle() is hidden to show the operation
-4.fadeIn() fade in, transparency from 0-1
-5.fadeOut(), transparency from 1-0
-6.fadetoggle() fade in, fade out operation
-7.fadeTo() ...
Posted by deansp2001 on Thu, 14 May 2020 07:18:57 -0700
Take you to understand the inheritance mechanism in JavaScript
Previous
As we all know, inheritance is a common feature of all OO languages. In JavaScript, its inheritance mechanism is very different from other OO languages. Although ES6 provides us with the same syntax sugar as object-oriented inheritance, its bottom layer is still a constructor, so it is very important to understand the underlying princ ...
Posted by trulyafrican on Wed, 13 May 2020 20:10:18 -0700
HTML5 video (custom video player source code)
video object
Compatibility:
safari browser does not support webm format
Chrome browser supports webm format
ie8 and the following do not support video tags. ie9 supports video tags, but mp4 format
Firefox supports video in ogv format
Compatibility writing
<video controls>
<source src="data/demo.ovg">
&l ...
Posted by mandred on Wed, 13 May 2020 08:33:48 -0700
Groovy learning -- running groovy script embedded in JAVA
Recently, a data statistics system has been designed. There are hundreds of data statistics dimensions in the system, and the indicators of these data statistics may be adjusted at any time. If the API design of data statistics is implemented one by one based on Java coding, the workload is large and the maintenance cost is high. Finally, it is ...
Posted by djroki on Wed, 13 May 2020 02:16:26 -0700
Usage and implementation of apply call bind
concept
apply call and bind allow assignment and invocation of functions/methods belonging to one object for different objects.They can also change the direction of this within the function.
Difference
apply and call receive parameters in different forms
Both apply and call call call call functions directly and get the result of their ...
Posted by rckehoe on Mon, 11 May 2020 16:53:17 -0700
Practical JavaScript functional programming
Recently, when chatting with a friend who is a technology maker, I found that I couldn't explain the idea of functional programming clearly, so I made a review
1, The function is "first class citizen"
It is often heard that in JavaScript, a function is a "first-class citizen". What does this mean?
In programming language, ...
Posted by tserbis on Mon, 11 May 2020 03:10:42 -0700
Statistics of ASP.NET simple hot words
1, Function introduction
The user enters a character in the search box to associate hot words that begin with that character in a week.
2, Functional design:
1. Hot words list
Insert a piece of data each time you search
CREATE TABLE [dbo].[SearchDetails](
[Id] [uniqueidentifier] NOT NULL,--ID
[KeyWords] [nvarchar](255) NOT NULL,--S ...
Posted by maheshbaba on Sat, 09 May 2020 07:10:29 -0700
Getting Started with React and Learning Notes
React builds JavaScript libraries for user interfaces, primarily for building UI interfaces.Instagram, Open Source, 2013.
Characteristic:
Declarative design
Efficient, uses virtual DOM to render DOM, minimizing DOM operations.
Flexible to use with other libraries.
JSX, commonly known as JS, writes HTML inside, an extension of JavaScri ...
Posted by TabLeft on Fri, 08 May 2020 10:00:37 -0700
Using JQuery to complete the provincial and municipal linkage effect
Js related technology
Array in JS: [city]
new Array()
DOM tree operation:
Create node: document.createElement
Create text node: document.createTextNode
Add node: appendChild
requirement analysis
In our registration form, we usually need to know the user's native place, and need an optional key. When the user selects a province, all cities under ...
Posted by Artiom on Thu, 07 May 2020 08:59:21 -0700