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