漏刻有时的博客_javascript原创博文(8)

JS截取base64图片格式上传，最佳的方式是split而不是replace

干货

原创 2021-07-30 16:28:00 802 阅读

JS实现定时自动更换DIV或页面背景图片

一、确定DIV大小 body { margin: 0; padding: 0; } #event-types { width: 300px; height: 180px; }二、JS定时刷新背景; window.onload ...

定时刷新

i++

干货

原创 2021-07-30 16:27:57 619 阅读

JavaScript将csv转为json的解决方案(1):jQuery-csv解析csv数据

CSV是Comma Separated Values的缩写，一种常用的数据存储文件格式，其中每一行是一条记录，每一条记录包含很多列，每列中的数据通常使用逗号分隔，当其中的值包含逗号时需要使用单引号或双引号包含。其实CSV的分隔符是很灵活的，可以使用很多种。很多js函数库都可以解析CSV文件，比较简单和简洁的是使用jQuery-csv.js。使用jQuery-csv.js解析出的CSV文件...

jquery

json

ajax

模版

chrome

原创 2021-07-30 16:24:16 1528 阅读

ajax获取success返回值的解决方案

获取success返回值的方式有：一、调用返回值，作为全局函数使用：var jsonData = []; function getCsv() { var csv_file_API = 'sample.csv';//csv files $.ajax({ type: 'post', url: csv_file_...

json

数组

全局变量

xml

jquery选择器

原创 2021-07-30 16:24:13 590 阅读

js读取csv文件并使用json显示中文乱码的解决方案

一、通过excle整理数据，标准的表格数据格式二、选择“文件”另存为“sample.csv”格式三、记事本，右键打开“sample.csv”，再选择文件“另存为”，在编码选项中选择“UTF-8”格式。刷新页面！Done！...

另存为

刷新页面

数据格式

右键

数据

原创 2021-07-30 16:24:11 1856 阅读

echarts读取excle转为json格式显示图表同步加载数据的方法(1)

一、引入jquery.min.js、jquery.csv.min.js和echarts.min.js核心js库；  <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script> <!--jquery.csv...

jquery

javascript

数据

ajax

i++

原创 2021-07-30 16:24:10 80 阅读

echarts读取excle转为json格式显示图表异步加载数据的方法(2)

一、引入jquery.min.js、jquery.csv.min.js和echarts.min.js核心js库；  <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script> <!--jquery.csv...

jquery

数据

ajax

javascript

i++

原创 2021-07-30 16:24:08 179 阅读

JavaScript将csv转为json的解决方案(2):papaparse.js插件

Fast and powerful CSV parser for the browser that supports web workers and streaming large files. Converts CSV to JSON and JSON to CSV. 来源：https://www.bootcdn.cn/PapaParse/papaparse是专门分析CSV的插件，jque...

json

jquery

官网

上传

html

原创 2021-07-30 16:24:06 492 阅读

javascript将ajax返回的对象数组按照类别字段分组判断是否存在，传递echarts进行图表渲染

数组分组 //设备数据分组 var device = res.device; //传感器设备的图表; var t = []; for (var j = 0; j < res.device.length; j++) { //数据按照imei过滤分组； t[j] = filterArr(res.d

数据

数组

对象数组

echarts

原创 2021-07-30 16:23:58 81 阅读

swiper插件实现echarts轮播的解决方案

引入外部js<link rel="stylesheet" type="text/css" href="css/swiper.min.css"><script src="js/swiper.min.js"></script>HTML代码<div class="swiper-container visual_swiper2 visual_chart"> <div class="swip.

css

ide

html

js代码

echarts

原创 2021-07-30 16:23:52 565 阅读

layui列表页滚动时弹出窗无法居中的解决方案

function x_admin_show(title, url, w, h) { if (title == null || title == '') { title = false; } if (url == null || url == '') { url = "404.html"; } if (w == null || w == '') { w = ($(window).width() * 0.9);

html

layui

原创 2021-07-30 16:23:37 265 阅读

Echarts组件legend属性显示数据和icon图片自定义的解决方案

项目需求：1、自定义icon图片样式；2、相关数值直接显示；解决方案：自定义icon图片样式 data: ['家电', '服装', '数码'],转为： data: [{name:'家电',icon:'image://lockdatav1.png'}, {name:'服装',icon:'image://lockdatav2.png'}, {name:'数码',icon:'...

ico

自定义

解决方案

干货

原创 2021-07-30 16:22:46 1119 阅读

input中placeholder的鼠标操作事件

设备名

干货

原创 2021-07-30 16:22:45 261 阅读

js定时循环输出数组的值

var arr = [23, 2, 3, 45, 67, 43]; var length = arr.length; var i = 0; for (i; i < length; i++) { var j = 0; setTimeout(function () { console.log(arr[j++]...

i++

干货

原创 2021-07-30 16:22:44 703 阅读

js获取根据键获取值的getArrayValue函数

var data = [{ name: "使用中资源量", value: 754 }, { name: "维修中资源量", value: 611 }, { name: "保养中资源量", value: 400...

获取值

干货

原创 2021-07-30 16:22:43 521 阅读

Echarts折线图渐变色的属性设置解决方案

这些设置itemStyle的图形属性即可：itemStyle: { "color": { "type": "linear", "x": 0, "y": 0, "x2...

数据可视化

漏刻有时

js

干货

原创 2021-07-30 16:22:41 2682 阅读

echarts一个option实现多图表布局的案例

function getArrayValue(array, keys) { var keys = keys || "value"; var res = []; if (array) { array.forEach(function(t) { res.push(t[keys]); }); } retur...

3d

干货

原创 2021-07-30 16:22:40 1012 阅读

php使用webSocket实现Echarts长连接自动刷新的解决方案(1)：前端获取后端JSON数据

项目需求Echarts图表自动获取服务器端推送的数据，实现图表的自动渲染更新；前端代码引入JS包 <script src="js/jquery-3.3.1.min.js"></script> <script src="js/echarts.min.js"></script>HTML代码<div id="main" style="width: 1000px;height: 600px;"></div>JS..

服务器

客户端

封装

json

数据格式

原创 2021-07-30 16:18:36 425 阅读

javascript单击复制表单内容

<input type="text" id="txtNum"><button onClick="copyTxt()">点击复制代码</button> //复制事件; function copyTxt() { var txt = document.getElementById("txtNum"); txt.select(); // 选择对象 document.execCommand("Copy"); //执

随机数

干货

原创 2021-07-30 16:17:34 334 阅读

百度地图API开发：map.getDistance计算两点之间的距离（直线距离）

getDistance(start: Point, end: Point),返回两点之间的距离，单位是米创建容器<div id="container"></div>JS代码 //异步加载地图 function loadJScript() { var script = document.createElement('script'); script.type = 'text/javascript'; scrip.

封装

异步加载

javascript

放大缩小

js代码

原创 2021-07-30 16:17:23 3624 阅读

Echarts动态数据可视化学习(1)通过js自动定时产生动态数组数据

/*1.创建随机数数组*/ var data = [parseFloat(Math.random() * 100).toFixed(2)]; function addData(shift) { data.push(parseFloat(Math.random() * 100).toFixed(2)); if (shift) { ...

数组

随机数

数据

数组函数

i++

原创 2021-07-30 16:16:20 95 阅读

数据可视化Echarts学习(2)：柱图任务进度完成比例图属性练习柱图堆叠

option = { title:{ text:'漏刻有时任务进度属性练习', x:'center' }, xAxis: { show:false, type: 'value', }, yAxis: { type: 'category', axisLine:{show:f...

回调函数

ide

字符串

数据可视化

原创 2021-07-30 16:15:58 834 阅读

svg地图数据可视化鼠标操作事件函数

地图对应的数据 /*svg地图*/ var classObj = [ {name: "qingqi", place: "青岐村委", color: "#f6510d", orgTotal: 987, orgPerson: "张三丰"}, {name: "mumian", place: "木棉村委", color: "#a07000", orgTotal: 187, orgPerson: "乔峰1"} ];执行操作事件 //执行操作.

html

css

i++

数据

数据可视化

原创 2021-07-30 16:13:54 146 阅读

2019-nCov疫情实时趋势数据可视化Echarts学习(1)：柱图和折线图

option = { title: { text: '全国疫情防控数据', subtext: '2019-nCov虚拟数据' }, tooltip: { trigger: 'axis', axisPointer: { type: 'shadow' } }, ...

数据

数据可视化

原创 2021-07-30 16:13:46 311 阅读

数据可视化大屏辅助插件API(1):javascript封装时间函数

获取本月1日日期//获取本月1日日期function getMon() { var today = new Date(); var tYear = today.getFullYear(); var tMonth = today.getMonth(); tMonth = doHandleMonth(tMonth + 1); return tYear + "-" + tMonth + "-" + '01';}获取当前日期前后的时间/**获取近N天*/func

时间函数

当前日期

数据可视化

原创 2021-07-30 16:13:41 104 阅读

html5使用postMessage解决跨域和跨窗口消息传递的解决方案

postMessage()方法允许来自不同源的脚本采用异步方式进行有限的通信，可以实现跨文本档、多窗口、跨域消息传递。postMessage(data,origin)方法接受两个参数。1.data:要传递的数据，html5规范中提到该参数可以是JavaScript的任意基本类型或可复制的对象，然而并不是所有浏览器都做到了这点儿，部分浏览器只能处理字符串参数，所以我们在传递参数的时候需要使用JSON.stringify()方法对对象参数序列化，在低版本IE中引用json2.js可以实现类似效果。2.or

数据

json

html

跨域

字符串

原创 2021-07-30 16:13:04 309 阅读

javascript获取返回当前 URL 的协议

(function () { var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; console.log(curProtocol); if (curProtocol === 'https') { bp.src = 'https://v1.qiaodu.net/pus...

.net

干货

原创 2021-07-30 16:13:03 520 阅读

大数据量学习:ajax获取数据后将数组重新分组后分批定时渲染的解决方案

ajax调用数据 $.getJSON("data/yinzhou.json", "", function (res, status) { var data = res.features; // console.log(data); //分组渲染; if (status == "success") { arrChunk(data, 1); } else { console..

数组

json

数据

封装

ajax

原创 2021-07-30 16:12:59 213 阅读

javascript使用ajax传递token参数的一个解决方案

有点不明白，如果将token设为全局变量，无法调用ajax返回的赋值，但是通过按钮事件可以获取。<input type="button" value="登录" id="login"/><input type="button" value="获取通道" id="modify"/> var token; $(function () { $("#login").click(function () { //登录 $.ajax({

ajax

赋值

全局变量

干货

原创 2021-07-30 16:11:22 571 阅读

javascript实现对象数据键值不同的Object.keys循环读取解决方案

数据对象var data = { "93288240": { "enHomeTeam": "GS Warriors (SLAMDUNKVV) Esports", "enAwayTeam": "DEN Nuggets (Siegfried) Esports", "enVsTeams": "GS Warriors (SLAMDUNKVV) Esports @ DEN Nuggets (Siegfried) Esports"

数据

干货

原创 2021-07-30 16:09:54 183 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

漏刻有时

JS截取base64图片格式上传，最佳的方式是split而不是replace

JS实现定时自动更换DIV或页面背景图片

JavaScript将csv转为json的解决方案(1):jQuery-csv解析csv数据

ajax获取success返回值的解决方案

js读取csv文件并使用json显示中文乱码的解决方案

echarts读取excle转为json格式显示图表同步加载数据的方法(1)

echarts读取excle转为json格式显示图表异步加载数据的方法(2)

JavaScript将csv转为json的解决方案(2):papaparse.js插件

javascript将ajax返回的对象数组按照类别字段分组判断是否存在，传递echarts进行图表渲染

swiper插件实现echarts轮播的解决方案

layui列表页滚动时弹出窗无法居中的解决方案

Echarts组件legend属性显示数据和icon图片自定义的解决方案

input中placeholder的鼠标操作事件

js定时循环输出数组的值

js获取根据键获取值的getArrayValue函数

Echarts折线图渐变色的属性设置解决方案

echarts一个option实现多图表布局的案例

php使用webSocket实现Echarts长连接自动刷新的解决方案(1)：前端获取后端JSON数据

javascript单击复制表单内容

百度地图API开发：map.getDistance计算两点之间的距离（直线距离）

Echarts动态数据可视化学习(1)通过js自动定时产生动态数组数据

数据可视化Echarts学习(2)：柱图任务进度完成比例图属性练习柱图堆叠

svg地图数据可视化鼠标操作事件函数

2019-nCov疫情实时趋势数据可视化Echarts学习(1)：柱图和折线图

数据可视化大屏辅助插件API(1):javascript封装时间函数

html5使用postMessage解决跨域和跨窗口消息传递的解决方案

javascript获取返回当前 URL 的协议

大数据量学习:ajax获取数据后将数组重新分组后分批定时渲染的解决方案

javascript使用ajax传递token参数的一个解决方案

javascript实现对象数据键值不同的Object.keys循环读取解决方案

欢迎