- 博客(45)
- 资源 (2)
- 收藏
- 关注
RSS订阅
原创 动态创建多个echarts折线图，使用接口异步获取数据。
1、事例描述。事例：需要做一个动态创建多个相同的折线图，然后给每一个折线图都赋不同的值的功能。2、步骤描述。1、因为创建的折线图数量是不固定的，所以先要循环创建放置折线图的容器，创建时动态附上class类名（两种方式都可）。Jquery：$(".totalEchart").html();$.each(that.tmpList,function (i,v){ option += "<div class=\"tmplist\"> <p>"+ v.NAME.
2021-03-26 13:30:51
2342
1
转载 webpack配置使用
流程webpack安装 Step 1:首先安装Node.js, 可以去Node.js官网下载. Step2:在Git或者cmd中输入下面这段代码, 通过全局先将webpack指令安装进电脑中npm install webpack -g Step3:使用Git Bash here 或者 cmd cd命令使当前目录转到当前项目的目录下, 然后输入下面这段命令 ...
2019-07-04 10:55:56
210
原创 JS 获取年月日、去年上月昨日等。
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <tr> <td class="td_s" bgcolor="#c0f0fb"> <select name="stdDateFilter" οnch...
2021-02-03 09:45:47
1090
原创 解决elementui el-table前边固定列会遮挡住滚动条 ，左右无法拖动。
当我们使用element table，有时我们需要部分的列固定，我们就给列添加了fxied属性，但是这时候你会发现table的横向滚动条很难拖动，查找原因你会发现原来是固定的列把滚动条给挡住了，只有超出固定的部分滚动条才可以拖动。解决办法：1.修改el-table__fixed样式.el-table { .el-table__fixed { height:auto !important; bottom:17px !important; } }.
2021-01-28 18:35:52
5641
3
原创 cmd提示 ‘node‘ 不是内部或外部命令，也不是可运行的程序（仅记录）
问题：在cmd窗口中运行npde -v 想查看版本号时，提示 “'node' 不是内部或外部命令，也不是可运行的程序或批处理文件”。原因：环境变量配置错误。配置：未安装需安装，已安装请忽略。官网下载安装包（http://nodejs.cn/download/），安装过程我是一路next过来的，只是把安装路径修改到了 D盘，下边是我下载的安装包；已安装首先查看node.js 安装的路径，本人node.js安装的路径是：D:\node；...
2021-01-27 10:20:29
32068
6
原创 Vue中 PX转换为REM
1.安装px2rem插件npm install px2rem-loader lib-flexible --save2.在main.js中引入lib-flexibleimport 'lib-flexible/flexible.js'3.在build下的 utils.js中，找到generateLoaders 方法，在这里添加代码。// 新增代码const px2remLoader = { loader: 'px2rem-loader', op...
2020-08-07 15:32:32
207
原创 vue项目启动后出现cannot GET /问题！！！
vue项目启动后出现cannot GET /问题！！！今天打开vue项目出现了解决方案：之前打包有改到 config/index.js 里面的assetsPublicPath:'/' 改成了'./'.再把他改回原来的就可以了！
2020-08-07 11:34:42
892
原创 filter()方法 根据某一数组ID 获取到另一数组的参数
vue.list.filter(item=> { data.filter(items=> { if (item.ID === 100) { if(item.NAME == items.NAME){ vue.listOne = items.DAY_USE_SUM; } } ...
2019-11-06 16:36:35
2238
原创 echarts 一条柱状图显示两个值，类似进度条
var allUseDayChartTwo;function allUseDayChartTwoFun(obj,xdata,ydata,zdata){ allUseDayChartTwo = echarts.init(obj); var category = xdata; var lineData = zdata; var barData = ydata; option = {//...
2019-11-06 09:20:16
7121
1
原创 JS 获取本周开始到结束日期
var now = new Date();var nowTime = now.getTime();var day = now.getDay();var oneDayLong = 24 * 60 * 60 * 1000;//计算这一周var data = [];for (var i = 1; i < 8; i++) { var SundayTime = nowTime +...
2019-11-06 09:18:21
682
原创 Jquery事件点击多次只需要执行一次
原因：Click事件绑定了多次，当我点击的时候，执行多次点击事件。解决的办法是：每次绑定前先取消上次的绑定。$("#"+id+"tr .del").unbind('click').click(function(){});$("#"+id+"tr .del").click(function (){ var index=$("#"+id+"tr a.del").index($(...
2019-09-26 10:27:57
1607
原创 JS 数组添加另一个数组的属性
现有 数组data、newData 。 需要把data数组里的SUM依次给newData ，双重for循环实现，可是有没有更简单的方法呢？$.each(data,function (i, v) { $.each(newData, function (ind, val) { if(v.ID == val.ID){ newData[ind].SUM = v.S...
2019-09-17 13:53:19
1123
原创 vue通过v-for取出的一个字段是时间戳格式转换成年月日
在标签里边加：v-text="new Date(parseInt(item.CREATE_TIME) * 1000).toLocaleString().replace(/:\d{1,2}$/,' ')"v-text="new Date(parseInt(item.CREATE_TIME) * 1000).toLocaleString().split(' ')[0].replace('/'...
2019-09-10 11:04:36
4402
原创 echarts 报错Failed to execute 'createRadialGradient' on 'CanvasRenderingContext2D': The provided doubl
报错：Uncaught TypeError: Failed to execute 'createRadialGradient' on 'CanvasRenderingContext2D': The provided double value is non-finite.解决：Canvas 的createLinearGradient()方法创建放射状/圆形渐变对象这里报的错是传入参数不...
2019-09-09 09:17:49
22601
2
原创 使用iframe 一次下载多个文件
$.each(data, function(index,val){ var iframe = document.createElement("iframe"); iframe.style.display = "none"; // 防止影响页面 iframe.style.height = 0; // 防止影响页面 iframe.src = "";//这边写你的下载链接 docum...
2019-09-04 17:32:28
2490
原创 jquery报错 XXX not a function
关于使用 jquery XXX not a function 报错的问题查找了相关资料后发现了自己的代码问题如果写在了$(function(){//这里边})代码可能就会报错，不如把代码拿到外边来试一下，加载顺序的问题 没有找到此方法的时候就调用就会报未定义...
2019-07-04 11:05:24
180
原创 JS添加下拉框默认值从接口里获取
var valslsqyTwo = data.ID;//后台传回来的值 if(valslsqyTwo!=""){ var eduElementlsqyTwo = document.getElementById("selectId"); var opslsqyTwo = eduElementlsqyTwo.getElementsByTagName("optio...
2019-07-04 11:05:12
252
原创 仿JSON数据
var data = { "collectorList":[{ "USERNAME":"账号1", "PASSWORD":"123456", "NAME":"张三", "EMAIL":"[email protected]", "PHONE":"123456789", "CREATE_USE...
2019-07-04 11:04:15
91
原创 CSS 表格td强制一行显示
$("#Tbody tr td:nth-child(4)") .css("text-overflow","ellipsis") .css("overflow","hidden").css("white-space","nowrap").css("word-break","keep-all");table{width:100px;table-layout:fixed; /*...
2019-07-04 11:03:46
956
原创 CSS 鼠标悬停提示文字
我用title 和div 两种方法做的, 文字出现的位置根据鼠标的位置动态确定:动态修改的话可以这样：动态设置他的title即可optionList += '<tr><td>' + ((index<9?'0'+(index+1):index+1)) + '</td><td title=\"'+val.MAINTENAN...
2019-07-04 11:03:40
3283
原创 CSS 复选框样式
checkbox重写*/ .regular-checkbox { display: none; } .regular-checkbox + label { position: relative; display: inline-block; /*lable...
2019-07-04 11:03:34
152
原创 Echarts 折线图变平滑加去掉点
series : [ { name:'NAME', symbol:'none', //去掉点 smooth:true, //变平滑 type:'line', stack: '总量', data:xData ...
2019-07-04 11:03:24
523
原创 select2下拉框多选插件的使用
首先，需要引入插件的两个文件<link rel="stylesheet" href="../css/select2.min.css" /><script type="text/javascript" src="../js/select2.min.js" ></script>下边是html代码（加了全选功能） <div> ...
2019-07-04 11:03:14
213
2
原创 CSS DIV垂直居中
1、给块级元素加以下两行代码 :display: flex;align-items: center;2、绝对定位，上边居中50%，然后Y轴平移该元素的一半position: absolute; width: 100%; top: 50%; left: 0; text-align: center;-webkit-...
2019-07-04 11:02:54
73
原创 Echarts 提示框被遮挡
Echarts提示框（tooltip）浮层位置，不设置时，默认位置会跟随鼠标的位置。被遮挡部分如下所示：从里边给它加回调函数：tooltip: { trigger: 'axis', position: function (point, params, dom, rect, size) { // 鼠标坐标和提示框位置的参考坐标系是：...
2019-07-04 11:02:44
1751
原创 JS 姓名手机号 正则表达式验证
var PUSH_MANAGE_ID=Vue.EditId; var USERNAME=SWXT.USERNAME; var PUSH_USER=$("#Edit_PUSH_USER").val(); var USER_EMAIL=$("#Edit_USER_EMAIL").val(); var USER_PHONE=$("#Edi...
2019-07-04 11:02:15
350
原创 JS 在原有日期基础上，增加days天数，默认增加1天
//日期，在原有日期基础上，增加days天数，默认增加1天 function addDate(date, days) { if(days == undefined || days == '') { days = 1; } var date = new Date(date); date.setDate(date.getDate() + days)...
2019-07-04 11:01:35
668
原创 JS 两个时间相减获取时间差
var date1 = new Date('2013/04/02 18:00')var date2 = new Date('2013/04/02 19:22:21') var s1 = date1.getTime(),s2 = date2.getTime();var total = (s2 - s1)/1000; var day = parseInt(total /...
2019-07-04 11:01:21
733
原创 JS 判断时间是否超时 未超时 已超时
var date1 = new Date(addTime); //获取下次维护时间 var date2 = new Date(); //获取现在时间 var s1 = date1.getTime(), //转换下次维护时间戳 s2 = date2.getTime(); //转换当前时间戳 var total = (s2 - s1)/1000; //...
2019-07-04 11:01:15
1172
原创 JS 登录验证
进入首页判断有没有登录if(window.location.href.indexOf("login.html")==-1){ console.log('here'); var currenttime=new Date(); var lasttime= window.localStorage.logintime; //计算时间间隔 var date3 = c...
2019-07-04 11:01:07
312
原创 移动端三级联动选择插件 mobileSelect3
1、引入文件<link rel="stylesheet" href="css/mobileSelect.css" /><script type="text/javascript" src="js/mobileSelect.js" ></script>2、创建一个标签，用来选择联动<p id="Top"></p>3、配...
2019-07-04 11:00:59
537
原创 SVG使用，动态追加SVG
1、创建一个div，里边放svg图<div class="SWSSVG" id="SWSSVG" style="width: 68%; height:6.2rem ;position: absolute;top: 0.5rem;left: 2.7rem; border: 1px solid #0088CC;z-index: 9999999999;"></div>...
2019-07-04 11:00:43
472
原创 JS 防止时间冒泡 点击td的点击事件时不会触发tr的点击事件
在td 的点击事件中加入event.stopPropagation(); 阻止事件冒泡
2019-07-04 10:59:40
547
原创 JS 页面刷新后给下拉框赋值
下拉框的切换事件是用的layer框架写的 //Type 切换事件 form.on('select(Type)', function (data) { window.localStorage.TYPE = $("#Type").val(); window.location.href=window.location.href; window.lo...
2018-12-18 17:40:10
1877
原创 JS时间戳格式化
//时间戳格式化function timestampToTime(timestamp) { var date = new Date(timestamp);//时间戳为10位需*1000，时间戳为13位的话不需乘1000 var date = new Date(timestamp*1000); var Y = date.getFullYear() + '-'...
2018-12-17 17:43:45
1906
原创 JS URL传参 获取参数
在页面上直接用URL传参，在URL后边拼接参数，然后在页面获取参数。下边是获取参数的代码，里边有注释！var url = location.search; //获取url中"?"符后的字串 ('?aaa=123&bbb=456') var theRequest = new Object(); if ( url.indexOf( "?" ) != -1 ) { ...
2018-12-17 17:35:25
339
原创 svg去掉黑色自带背景图
从网页中打开背景图，找到黑色背景块的dom元素，如下这样： rect就是黑色背景图的元素然后从代码中找到这一行元素，推荐使用sublime_text3，如果没有可以打开的程序的话，使用记事本也可以打开直接更改他的fill属性即可，以上的代码为改好的fill，现在是透明背景，因为rgb（）的最后一个值，是显示他的透明度。把透明度设为0 即可！...
2018-12-17 17:21:12
9468
原创 JS 数值类型报NaN
今天发现列表页数据异常，数值有个为NaN打印出来他的类型后是number，但是计算之后 还是会显示NaN经过查找后发现问题所在：1、任何数值除以0都会导致错误而终止程序执行。但是在 JavaScript 中，会返回出特殊的值，因此不会影响程序的执行。2、比0大的数除以0，则会得到无穷大，所以 js 用 Infinity 来显示出来最终还是加了判断才把列表页数据显示正常v...
2018-12-12 18:50:24
1056
CodeGlance-1.5.4.jar
2019-10-25
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人