- 博客(34)
- 收藏
- 关注
RSS订阅原创 禁用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
2368
原创 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
1323
原创 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
398
原创 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
194
原创 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
670
转载 html5 video标签播放视频流
参考地址：https://blog.youkuaiyun.com/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
2796
原创 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
1187
转载 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
141
原创 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
4479
原创 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
354
原创 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
104
原创 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
336
原创 jquery-datetimepicker-2.5.20 的使用方法
js/*! * @copyright Copyright © 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
10458
原创 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
1491
原创 使用JavaScript对文件名做正则校验
//验证上传文件的文件名是否合法function validateFileName(fileName ){ //var fileName = 'a.html'; var reg = new RegExp('[\\\\/:*?\"<>|]'); if (reg.test(fileName)) { //"上传的文件名不能包含【\\\\/:*?\"<>|】这些非...
2020-03-05 19:41:42
4130
原创 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
292
原创 模拟请求分页参数（原思路）
按原来的思路<!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 10:02:54
155
原创 模拟请求分页参数
下面是请求的例子<!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
330
原创 JQuery动画防止多次触发重复
$("#aa").stop(true,false).animate({...},1000);强制上一动画立即结束并到达动画执行结束时状态同时来运行下一次动画stop 是jQuery中用于控制页面动画效果的方法，运行之后立刻结束当前页面上的动画效果第一个参数的意思是是否清空动画序列，也就是stop的是当前元素的动画效果还是停止后面附带的所有动画效果第二个参数是是否将当前动画效果执行到最后...
2019-11-20 08:56:55
784
原创 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
253
原创 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
1145
原创 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
1342
原创 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
2768
原创 echarts饼图和折线图
setTimeout(function () { option = { legend: {}, tooltip: { trigger: 'axis', showContent: false }, dataset: { source: [ ...
2019-11-13 08:43:51
949
原创 Composer 只安装某个类库而不更新其他类库
先执行composer clear-cache清除缓存，然后composer require [你的类库]
2019-11-06 16:39:18
5220
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
2053
原创 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
713
原创 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
807
原创 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
1246
原创 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
1007
原创 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
224
原创 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
206
原创 封装Ajax请求接口
定义函数function $request(url, data, params) { var baseUrl = 'http://example.com/'; return new Promise(function (resolve, reject) { $.ajax({ url: baseUrl + url, type: params &&...
2019-10-20 23:03:30
804
原创 使用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
230
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人