Angular JS file upload tool
Detailed introduction of angular file upload
Angular file upload is a lightweight AngularJS file upload tool. It is designed for the file API Polyfill which does not support browser, and uses HTML5 to upload files directly.
Online demo
Characteristic
Support upload progress, cancel or abort when uploading, support file drag ( ...
Posted by aeafisme23 on Thu, 13 Feb 2020 11:50:17 -0800
app evokes the perfect solution and prevents browser's default pop-up behavior
https://stackoverflow.com/questions/10237031/how-to-open-a-native-ios-app-from-a-web-app
var frame = document.createElement('iframe'); frame.src = 'myapp://?params=...'; frame.style.display = 'none'; document.body.appendChild(frame); setTimeout(function() { document.body.removeChild(frame); }, 4); The above pl ...
Posted by aktell on Wed, 12 Feb 2020 08:49:09 -0800
It took 20 minutes to write a web group chat program for girlfriends
WebSocket details
WebSocket is a full duplex communication protocol provided by HTML5 on a single TCP connection.
WebSocket makes the data exchange between the client and the server easier, allowing the server to actively push data to the client. In the WebSocket API, the browser and server only need to complete one handshake, and they can dir ...
Posted by affordit on Tue, 04 Feb 2020 04:38:12 -0800
JavaScript Canvas implementation of custom polyline graph
JavaScript Canvas implementation of custom polyline graph
Hello everyone, I'm the spirit of Mengxin studio. Today, I'll tell you how to realize a good-looking custom polyline chart. According to the Convention, the implementation effect is as follows:
The picture effect is still OK. The color and cont ...
Posted by tbales on Sat, 18 Jan 2020 21:20:46 -0800
Solve cross domain -- postMessage
Principle and implementation of postMessage
In order to solve the problem of cross domain, HTML5 introduces a new API: Cross Document Messaging. This API adds a window.postMessage method to the window object to allow cross window communication, regardless of whether the two windows are homologous or ...
Posted by l053r on Wed, 15 Jan 2020 03:27:45 -0800
How to force the client to refresh JavaScript files?
We're currently working in a private beta, so we're still making fairly rapid changes, although obviously we'll slow down the process as usage increases. That said, one of the problems we encountered was that after the introduction of the new JavaScript file update, the client browser still uses the cached version of the file, and they can't s ...
Posted by shashiku on Wed, 08 Jan 2020 02:53:41 -0800
Play audio using Javascript?
I'm making games with HTML5 and Javascript.
How to play game audio through Javascript?
#1 building
If you don't want to clutter HTML elements:
var audio = new Audio('audio_file.mp3');
audio.play();
var audio = new Audio('https://interactive-examples.mdn.mozilla.net/media/examples/t-rex-roar.mp3'); audio.play();
T ...
Posted by coderWil on Mon, 06 Jan 2020 05:29:44 -0800
HTML 5 Tags - < canvas >
Convas canvas:
Canvas API (canvas) is a new tag in HTML5, which is used to generate images in real time on Web pages, and can operate image content. Basically, it is a bitmap that can be operated by JavaScript
<body>
<! -- Note: the width and height set on the tag is the original width and height Canvas API (canvas ...
Posted by solus on Sat, 04 Jan 2020 15:51:21 -0800
[original] brainless operation: HTML5 + CSS + JavaScript to realize the competition schedule
1. Background: friends, please help to make a competition scheduling software
2. Requirements:
① If the number of participants is unknown, the name of participants can be read from the text file;
② The participants are randomly divided into two groups, two PK in one group. If the number is odd, one of the participants will be promoted automa ...
Posted by roomyz on Sat, 04 Jan 2020 09:52:41 -0800
react short book project
Header
For fear of style conflicts among components, install the following for management
npm install styled-components
First, change index.css to style.js. If you want to set global variables, such as reset, then
import {injectGlobal} from 'styled-components';
injectGlobal`
html, body, div, span, applet, object, ...
Posted by comicrage on Sat, 04 Jan 2020 02:42:24 -0800