Picture upload related

html: content <p> <label>Please select a file:</label> <input type="file" id="file" /> <input type="button" value="Read image" onclick = "readAsDataURL()"/> <input type="button" value="Read binary data" onclick = "readAsBinaryString()"/> <input type="button" value="Read text file" o ...

Posted on Thu, 28 May 2020 12:29:52 -0400 by rajivgonsalves

Making a simple resume with HTML5

Here is a picture, you can see the label I used. The < video > tag is used to play the video, which can be used for reference. <!DOCTYPE html> <html> <head> <title>curriculum vitae</title> <meta name = "author" content = "Eternally"> <meta name = "keywords" content = "Eterna ...

Posted on Tue, 05 May 2020 06:04:03 -0400 by BlackKite

How to record external chain js file in react component

1. Description All of the following are from A complete collection of my github articles Content. Welcome to github, star, issue welcome! 2. How to add js file in react component export default class Script extends React.Component { static propTypes = { attributes: RPT.object, // eslint-disable-line react/forbi ...

Posted on Mon, 04 May 2020 10:35:47 -0400 by oocuz

JS html implementation full screen

First of all, according to the following warning information, it can be seen that the full screen function cannot be realized automatically, and it must be manually Failed to execute 'requestFullscreen' on 'Element': API can only be initiated by a user gesture. So to achieve full screen, you can click a button con ...

Posted on Sun, 03 May 2020 15:03:56 -0400 by tefflox

Use HTML5 details,summary to implement, expand, drop-down, tree effect

1 - unfolding effect HTML <details class="details-2" open> < summary tabIndex = "- 1" > < content > in this case, the original small triangle is hidden and the user-defined small triangle is used. </content> </details> CSS .details-2 ::-webkit-deta ...

Posted on Fri, 01 May 2020 09:12:12 -0400 by theslinky

Examples of h5's canvas games

Recently I read some examples of canvas games and wrote an example by reference. The principle is roughly described as follows: it mainly uses the request animation frame to refresh canvas continuously to realize the animation, monitor some events and realize the operation. The process is to prepare the container, prepare the relevant roles, ...

Posted on Mon, 27 Apr 2020 11:46:53 -0400 by FlashbackJon

javascript example tutorial imitating ecrats histogram with canvas Technology

Canvas is a new tag in HTML5. You can draw images in web pages through the canvas drawing API operated by js. Baidu has developed an open-source visual chart library, ECharts, which has very powerful functions. It can realize line chart, histogram, scatter chart, pie chart, K-line chart, map and other charts. Many projects have used ECharts to ...

Posted on Thu, 23 Apr 2020 13:32:48 -0400 by ify

jQuery+bootstrap implementation beautification warning / confirmation / prompt dialog plug-in

Plug in use documentation and download address: http://craftpip.github.io/jquery-confirm/ Import files Because we implement it on BootStrap + jQuery, we need to 1. First, introduce the jQuery library, and then the two core files required by Bootstrap (css and js) 2. Then we introduce two core files later Jquery-confirm.min.js a ...

Posted on Fri, 03 Apr 2020 08:55:02 -0400 by AlexRodr

html5 - Cross document messaging - postMessage()

HTML5 cross document messaging - postMessage() If you want to deliver messages from one page to another, use the html5 API to To achieve. postMessage() is used to try cross document messaging, but this API has limitations, Only new pages can deliver messages (or embedded). One page embeds another // index.jsp p ...

Posted on Thu, 02 Apr 2020 06:51:11 -0400 by GRUMBLE

The implementation of vue global variables

Recently, the learning of VUE.js involves JS global variables, which are not so much VUE global variables as modular JS development global variables. 1. Global variable specific module It is to organize and manage these global quantities with a specific module. It is convenient to import the module where reference is ...

Posted on Wed, 01 Apr 2020 14:24:23 -0400 by Havok