自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(34)
  • 收藏
  • 关注

原创 禁用echart hover

<!DOCTYPE html><html><head> <meta charset="utf-8" /> <title>首页</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=no"

2021-01-18 15:17:07 2272

原创 React 文件上传

class Home extends React.Component { constructor(props) { super(props); this.state = { imgUrl: '', file: null }; // 为了在回调中使用 `this`,这个绑定是必不可少的 this.fileChange = this.fileChange.bind(this); this.upload = this.upload.bi

2020-11-27 21:27:21 1283

原创 agis地图 点聚合

API地址基础点聚合<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no"> <title>Cluster</title> <link rel="stylesheet"

2020-09-02 10:39:27 357

原创 chrome允许跨域

参考地址1.方法1①首先在电脑上新建一个文件夹,如 C:\MyChromeDevUserData②浏览器属性页面中的目标输入框里加上 --disable-web-security --user-data-dir=C:\MyChromeDevUserData,–user-data-dir的值就是刚才新建的目录。–disable-web-security和–user-data-dir前面要有一个空格1.方法2①新建一个chrome的快捷方式如:②浏览器属性页面中的目标输入框里加上 --te

2020-08-29 22:09:28 145

原创 Gis地图标记+弹窗

<!DOCTYPE html><html><head> <meta charset="utf-8"/> <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no" /> <title> Add or remove graphics fro

2020-08-23 20:42:06 587

转载 html5 video标签播放视频流

参考地址:https://blog.csdn.net/weixin_37781081/article/details/83094675<video width="1120" height="540" controls="controls" id="video" preload="auto" > <source src="getVideos" type="video/mp4"></video>

2020-08-12 22:18:06 2694

原创 echart设置标线

option = { xAxis: { type: 'category', data: ['10', '20', '30', '40', '50', '60', '70'] }, yAxis: { type: 'value' }, series: [{ data: [820, 932, 901, 934, 1290, 1330, 1320], type: 'line', i

2020-07-15 15:26:16 1140

转载 vue 使用 jQuery

参考、转载地址:https://www.cnblogs.com/cazj/p/10870624.html下载jQuerynpm install jquery -S2.引用import $ from jquery //在需要使用的页面中3.使用。要在DOM渲染后使用:mounted() { const that = this; // 使用vue的data $(".jqClick").click(function(){ console.lo

2020-07-05 22:21:49 114

原创 js xhr导出

var xhr = new XMLHttpRequest(); xhr.open('GET', 'http://101.37.80.237:88/backend/file/download/88?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJodHRwOlwvXC8xMDEuMzcuODAuMjM3Ojg4XC9iYWNrZW5kXC9hdXRoXC9sb2dpbiIsImlhdCI6MTU5Mzk1Mjc0NSwi..

2020-07-05 21:40:03 4269

原创 axios导出

exportExcel() { this.$axios({ method: method, url: url, data: data, responseType: 'blob' //这里要设置blob类型 }).then(data => { //data是后端返回的文件流 console.log(data); let blob = new Blob([data]); le

2020-07-02 11:25:06 322

原创 vuex 的实践

在store目录下创建index.jsimport Vue from 'vue'import Vuex from 'vuex'const store = new Vuex.Store({ state: { user: null }, mutations: { setUser(state, data) { state.user = data; }, }, actions: { getUser({commit},token) {

2020-07-02 10:11:51 88

原创 js数组去重,可以去除相同的对象

利用对象的属性key唯一的特性去重{ let arr = [1,1,'true','true',true,true,15,15,false,false, undefined,undefined, null,null, NaN, NaN,'NaN','NaN', 0, 0, 'a', 'a',{},{}]; function distinct(arr) { let obj = {} let newArr = [] for(let i = 0;

2020-06-11 12:03:56 317

原创 jquery-datetimepicker-2.5.20 的使用方法

js/*! * @copyright Copyright &copy; Kartik Visweswaran, Krajee.com, 2014 - 2016 * @version 1.3.4 * * Date formatter utility library that allows formatting date/time variables or Date objects ...

2020-04-09 10:03:36 8960

原创 jQuery.ajax() 设置 Headers 中的 Accept 内容

$.ajax({ url: 'xxxx', headers: { Accept: "application/json,text/javascript,*/*;q=0.01" }, type: "get", success: function (data) { }});

2020-03-20 16:47:26 1442

原创 使用JavaScript对文件名做正则校验

//验证上传文件的文件名是否合法function validateFileName(fileName ){ //var fileName = 'a.html'; var reg = new RegExp('[\\\\/:*?\"<>|]'); if (reg.test(fileName)) { //"上传的文件名不能包含【\\\\/:*?\"<>|】这些非...

2020-03-05 19:41:42 4013

原创 echart 4.4 demo

源码地址https://raw.githubusercontent.com/apache/incubator-echarts/4.4.0/dist/echarts.min.js官方地址https://www.echartsjs.com/zh/index.html

2020-02-12 15:25:04 259

原创 模拟请求分页参数(原思路)

按原来的思路<!DOCTYPE html><html><head> <meta charset="utf-8"> <link rel="stylesheet" href="http://cdn.datatables.net/1.10.15/css/jquery.dataTables.min.css"> &lt...

2019-12-04 10:02:54 129

原创 模拟请求分页参数

下面是请求的例子<!DOCTYPE html><html><head> <meta charset="utf-8"> <link rel="stylesheet" href="http://cdn.datatables.net/1.10.15/css/jquery.dataTables.min.css"> &...

2019-12-04 09:41:51 312

原创 JQuery动画防止多次触发重复

$("#aa").stop(true,false).animate({...},1000);强制上一动画立即结束并到达动画执行结束时状态同时来运行下一次动画stop 是jQuery中用于控制页面动画效果的方法,运行之后立刻结束当前页面上的动画效果第一个参数的意思是是否清空动画序列,也就是stop的是当前元素的动画效果还是停止后面附带的所有动画效果第二个参数是是否将当前动画效果执行到最后...

2019-11-20 08:56:55 739

原创 base64和File间的相互转换

//base64转Blob function dataURLtoBlob(dataurl) { let arr = dataurl.split(","), mime = arr[0].match(/:(.*?);/)[1], bstr = atob(arr[1]), n = bstr.length,...

2019-11-18 15:47:57 225

原创 Datatables动态表头,动态列渲染

<!DOCTYPE html><html><head> <meta charset="utf-8"> <link rel="stylesheet" href="http://cdn.datatables.net/1.10.15/css/jquery.dataTables.min.css"> <scri...

2019-11-13 23:12:55 1075

原创 echart图例和图表显示不同名称,以图表为基准

图例要显示A、B、C,图表里要显示1、2、3,那我可以把对应项的名称改为A、B、C,利用 legend 的 formatter里面可以取到对应1、2、3的名称,然后判断一下返回A、B、C。本质上是以图表为基准,修改图例的显示。修改legend的可选择性就比较少,它只能返回当前 name 。示例代码<script src="https://cdn.bootcss.com/echart...

2019-11-13 10:19:24 1309

原创 echart图例和图表显示不同名称,以图例为基准(灵活)

图例组件的名称的确是不能自定义的,得和图表里面的对应项的 name 对应起来。折中的办法,就是:比如图例要显示A、B、C,图表里要显示1、2、3,那我可以把对应项的名称改为A、B、C,然后利用图表series的 formatter 属性格式化图表显示为 1、2、3,formatter里面可以取到对应A、B、C的名称,然后判断一下返回1、2、3。本质上是以图例为基准,修改图表label的显示示...

2019-11-13 10:00:24 2607

原创 echarts饼图和折线图

setTimeout(function () { option = { legend: {}, tooltip: { trigger: 'axis', showContent: false }, dataset: { source: [ ...

2019-11-13 08:43:51 921

原创 Composer 只安装某个类库而不更新其他类库

先执行composer clear-cache清除缓存,然后composer require [你的类库]

2019-11-06 16:39:18 5022 1

原创 JQuery DataTables 重新渲染

<!DOCTYPE html><html><head> <meta charset="utf-8"> <link rel="stylesheet" href="http://cdn.datatables.net/1.10.15/css/jquery.dataTables.min.css"> <scri...

2019-10-31 19:55:36 1971

原创 JQuery DataTables 动态渲染列

<!DOCTYPE html><html><head> <meta charset="utf-8"> <link rel="stylesheet" href="http://cdn.datatables.net/1.10.15/css/jquery.dataTables.min.css"> <scri...

2019-10-29 10:20:15 672

原创 JQuery DataTables 自定义列渲染

<!DOCTYPE html><html><head> <meta charset="utf-8"> <link rel="stylesheet" href="http://cdn.datatables.net/1.10.15/css/jquery.dataTables.min.css"> <scrip...

2019-10-28 22:31:21 763

原创 jqPaginator 分页插件

github地址<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><...

2019-10-25 11:58:34 1215

原创 JQuery DataTables 模拟静态数据

<!DOCTYPE html><html><head> <meta charset="utf-8"> <link rel="stylesheet" href="http://cdn.datatables.net/1.10.15/css/jquery.dataTables.min.css"> <script...

2019-10-25 11:09:51 966

原创 JQuery DataTables 服务端分页的实现

<!DOCTYPE html><html><head> <meta charset="utf-8"> <link rel="stylesheet" href="http://cdn.datatables.net/1.10.15/css/jquery.dataTables.min.css"> <script...

2019-10-22 11:48:01 203

原创 JQuery DataTables 基本配置

第一步引入JS,CSS第二步:配置基本HTML第三步:配置DataTables 基本参数<!--第一步:引入Javascript / CSS (CDN)--><!-- DataTables CSS --><link rel="stylesheet" type="text/css" href="http://cdn.datatables.net/1.10.15...

2019-10-22 11:35:46 178

原创 封装Ajax请求接口

定义函数function $request(url, data, params) { var baseUrl = 'http://example.com/'; return new Promise(function (resolve, reject) { $.ajax({ url: baseUrl + url, type: params &&amp...

2019-10-20 23:03:30 768

原创 使用echart的简单方法示例

示例代码<script src="https://cdn.bootcss.com/echarts/4.0.4/echarts.js"></script><div id="main" style="width: 600px;height:400px;"></div><script> $(function () { ...

2019-09-23 11:42:09 208

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除