Partial refresh of HTML page
/. event response refresh: refresh only when there is a request
1. Get HTML elements through JS HTML DOM or jQuery, listen for page events through DOM or jQuery, and get user requests;
2. Submit the user request to the server through Ajax, and the server will return the result after processing, and then Ajax will receive the data;
3. Load the d ...
Posted by meshi on Tue, 03 Dec 2019 11:12:59 +0100
OpenLayers displays the statistical chart, pie chart, line chart and histogram on the map, and fixes the problem of statistical chart jumping
Environment introduction
Openlayers
ol.js
v5.3.0
Highcharts
highcharts.js
v7.0.1
jquery
jquery-3.3.1.js
v3.3.1
Display effect
The enlargement and reduction of map have no effect on the size of statistical map
Take pie chart as an example
1. Add a map and render the points where the statistical map is located,
vector is th ...
Posted by thegame261 on Mon, 02 Dec 2019 17:38:39 +0100
jQuery - dynamic addition and deletion of table rows in event binding
In jquery, this paper introduces three methods to bind events to elements, and uses cases to bind events to the most commonly used on() method.
Event binding method:
①$(element).bind()
Parameters: {"event name 1": function() {}, "event name 2": function() {},...}
For example, bind mouse click, mouse slide in and mouse slid ...
Posted by xcoderx on Sat, 30 Nov 2019 17:31:50 +0100
Using echarts to draw histogram
Preface:
echarts is a report plug-in produced by Baidu. It is very rich in chart display and widely used in our development. However, the official examples are very simple. Fortunately, their api documents provide a lot of configuration items, which provides the possibility for us to draw a richer chart.Pits encountered with echart ...
Posted by Shit4Brains on Sat, 30 Nov 2019 15:38:46 +0100
web training knowledge point
I. animation display of jQuery
1. $(document).ready(function(){
2. $("#button1").click(function(){
3. $ ( "p").hide(500,function(){
4. alert("Hidden completion")
5. })
6. })
7. $("#button2").click(function(){
8. $( "p").show(200,function(){
9 ...
Posted by buddymoore on Thu, 28 Nov 2019 21:54:09 +0100
Ueditor uploads pictures to qiniu cloud storage
It's really hard to work on this editor in the last day or two. Fortunately, it's finally finished.
Scenario reproduction:
Implementation steps:
[1] import corresponding dependency and static files
The dependency is the core dependency. If you think about io and fileupload, you must also need it. Once again ...
Posted by webwalker00 on Sat, 23 Nov 2019 18:10:48 +0100
The difference between html and text methods in parsing DOM operation module with jQuery source code
html and text can get and modify the content in the DOM node as follows:
html(value) gets the innerHTML content of an element in the matching element set, or sets the innerHTML content of each element. Value is optional, which can be an html code or a function that returns html code. If there is no parameter, the innerHTML content of the first ...
Posted by Volitics on Mon, 18 Nov 2019 19:46:09 +0100
Web front end Foundation (15):jQuery Foundation
1. jQuery selector
JQuery selector is a powerful embodiment of jQuery. It provides a set of methods to make it more convenient for us to get the elements in the page.
1.1 basic selector
Examples are as follows:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
</h ...
Posted by rsnell on Mon, 18 Nov 2019 16:43:32 +0100
An example of lottery game of dice points made by PHP
An example of the lottery game is made by PHP. The result of the lottery is achieved by throwing the dice points, which adds some interest to the lottery.
We will write down the following html structure code in the html page,. wrap is used to place the color and prompt information, and "print" is used to place the prize.
1 <div ...
Posted by vzwhaley on Sun, 17 Nov 2019 23:45:04 +0100
echarts dashboard tutorial
1: example of the instrument panel in three minutes after echarts
Import related documents
<!-- Introduce echarts.js -->
<script src="js/echarts.min.js"></script>
<script src="js/jquery-1.11.3.js"></script>
The original default display is as follows
Picture.png
Three minu ...
Posted by nainil on Fri, 15 Nov 2019 20:28:38 +0100