Project summary of bootstrap-fileinput plug-in usage
There are many basic definitions and methods of use that are not outlined on the Internet. Here are some problems and solutions that I encounter when I use the project.
Note: I use this plug-in mainly for uploading pictures, plug-in other upload files are not involved.
I. Minimum Upload Quantity Problem
Looking at other data shows t ...
Posted by jackwh on Tue, 02 Apr 2019 22:30:31 -0700
Implementation of Blog Content Progress Plug-in
Front words
Recently, I have been reviewing my blog, but some of them have a long content, so long that I don't know how long it will take to read it. At this time, there is an impulse to be discouraged. However, if you can provide a plug-in for blog content progress, according to the amount of content read, show the progress bar, let yourself ...
Posted by why2k on Fri, 29 Mar 2019 21:57:29 -0700
Development of API Interface for HTML5 Geographic Location
I. Introduction to the Principle of Geographical Location
At present, there are several ways of location: GPS, IP address, Wifi (basically not used in China), and GSM/CDMA base station.
Implementation of HTML5 geolocation:
1. Realize the technology of getting user's geographic location based on browser (without backend support).
2. Accurat ...
Posted by Domhnall on Wed, 27 Mar 2019 14:36:28 -0700
Initial Knowledge of HTML5 canvas Elements
The programming interface Canvas API with HTML5 canvas element has a very broad application prospect. Simply put, the canvas element can create a rectangular area in a web page, which can be called a canvas, where various graphics can be drawn. <canvas> </canvas> is HTML5 Like all dom objects, new tags have their own attributes, met ...
Posted by Kath_php_? on Tue, 26 Mar 2019 17:09:31 -0700
Capability Detection of Client Detection
Front words
Although browser providers have invested a lot of effort in implementing public interfaces, the result is that each browser has its own strengths and weaknesses. So far, client detection is still a controversial topic in the field of Web development. When it comes to this topic, people always mention that browsers should support a ...
Posted by punk3d on Mon, 25 Mar 2019 03:36:29 -0700
Some Experiences of IndexedBD (Summary)
Some Experiences of IndexedBD
Tutorial recommendation
HTML5 Local Storage - IndexedDB (1: Basic Use)
html5 web IndexedDB usage details
Front-end database: Introduction to IndexedDB
MDN uses IndexedDB
Experience
Asynchronism of IDB
When you try to retrieve data from result and assign additional values, remember that IDB is an asynchr ...
Posted by tiggy on Mon, 25 Mar 2019 02:33:28 -0700
File API and NodeJs for Picture Upload
File API of HTML5
The file API of HTML5 makes it easier for us to process image uploads.
Example
html code
<div class="form-group">
<label for="modal_inputFile" class="col-md-3 control-label label-font">Location map:</label>
<div class="col-md-9">
<input type="text" readonly="" class="form-control" ...
Posted by ulrikqk on Sat, 23 Mar 2019 23:27:28 -0700
js Advanced Programming Notes 7--DOM2 and DOM3
Selector API
Selectors API is a standard initiated by W3C. Committed to making the browser native support CSS query.
querySelector() method
This method receives a CSS selector and returns the first element that matches the pattern. If no return null is found.
var body = document.querySelector("body");
var myDiv = document.querySelector ...
Posted by Bethrezen on Thu, 21 Mar 2019 16:57:52 -0700
HTML5<video> elements (audio elements are similar)
1. Supports three video formats:
2. Usage
<!--Introducing a single source file-->
<video src="movie.ogg" width="320" height="240" controls="controls">
Your browser does not support the video tag.
</video>
<!--Introduce multiple source files (the browser will use the first recognizable format)-->
<video width= ...
Posted by nodehopper on Thu, 14 Feb 2019 10:57:19 -0800
43 - 3.js Notes - Create Text Tags Using Sprite Wizards
Sprite in computer graphics refers to the two-dimensional animation and image contained in the scene, that is, sprite is a plane always facing the camera, similar to billboards, without the concept of z axis, and Sprite does not accept shadows.
Example: http://ithanmang.com/threeJs/home/201808/20180815/03-sprite-text.html
The ...
Posted by blinks on Sun, 03 Feb 2019 21:21:16 -0800