- 博客(20)
- 收藏
- 关注
RSS订阅原创 获取指定周、月的第一天和最后一天
获取指定月的最后一天：根据day的值来获取之前月的最后一天，day表示天数，如果day的值为-30，返回的值为上个月最后一天，为-60返回上上月最后一天，以此类推。获取指定月的第一天：根据day的值来获取之前月的第一天，day表示天数，如果day的值为-30，返回的值为上个月第一天，为-60返回上上月第一天，以此类推。获取指定周的最后一天：根据day的值来获取之前周的最后一天，day表示周数，如果day的值为1，返回的值为上周天，为2返回上上周天，以此类推。
2023-02-14 10:42:16
1130
原创 表格头部斜线样式
先上效果图css：th[class=first] { width: 100px; } th[class=first]:before { content: ""; position: absolute; width: 1px; height: 205px; top: 0; left: 0; .
2022-04-22 16:11:20
722
原创 字符串截取等问题
1. 字符串转化为数组（以分号分隔）var obj = "A; B; C; D"obj.split(";") = [A, B, C, D]2. 截取指定范围内的字符串var time = "2022-04-22 15:34:30"time.substr(11,2) // 从第11位开始取两位数，索引为0开始time.substr(time.length - 8, 2)以上两种方式打印结果都为153. 去掉所有\字符var obj = "{ \"A\":\"答案A\", \
2022-04-22 15:55:38
1502
原创 计算时间差值（分）
获取当前时间new Date().toLocaleString()计算时间差值function caculateTime(time1, time2) { //判断开始时间是否大于结束日期 if (time1 > time2) { alert("开始时间不能大于结束时间！"); return false; } //小时数和分钟数相加得到总的分钟数 var min
2022-04-22 15:02:45
273
原创 时长（秒）转化成hh:mm:ss的形式
直接上代码// 秒转化成时分秒格式 function formatDate(time) { let xiaoshi = 0; let fen = 0; let miao = 0; if (time <= 59) { miao = time } else if (time > 59 && time <=
2022-04-22 14:59:51
890
原创 音频插件使用（wavesurfer.js）
html:<div id="waveform" style="height: 130px; margin: 0 15px;"></div> <div class="operate-btn"> <img onclick="rew()" title="后退" style="height: 54px;" src="/images/audio-back.png" /> <img onclick="plays()" i
2022-04-22 14:54:15
2219
4
原创 视频插件使用（video.js）
html：<video id="my-video" class="video-js" controls preload="auto" width="960" height="400" poster="m.jpg" data-setup="{}"> <source id="filePath" src="" type="video/mp4"> <!-- <source src="http://vjs
2022-04-22 14:42:43
2031
原创 vue引入echarts-liquidfill水滴图并批量动态加载
1.安装并引入echarts-liquidfillnpm install echarts-liquidfill // 安装import 'echarts-liquidfill' // 组件引入
2021-06-18 15:49:32
1447
原创 bootstrap-table动态生成表头
因为项目需求，需要将后台生成的json数据动态生成表头，返回的数据是数组格式，将数组里面的对象依次显示到表头，有些数组的对象很多，就产生横向滚动显示和表头固定纵向滚动显示数据的需求，本来自己用js...
2021-06-17 17:02:01
2658
原创 easyui portal动态加载面板及保存配置
本文使用easyui portal实现动态加载面板、自定义面板位置以及保存配置的面板功能。html：<div class="modual-main" id="module"> <div style="width: 55%;"> </div> <div style="width: 45%;"> </div> </div> <button class="lay
2021-06-17 10:37:30
555
原创 页面传参
1.原生js写法原页面：在页面跳转的时候加上&PID = “123”跳转页面：//获取htm文件后缀名传值varePID="";$.each(window.location.search.substr(1).split("&"),function(index,item){if(item.split("=")[0]=="PID")ePID=unescape(item.split("=")[1]);});2.使用j...
2021-01-14 17:27:42
164
原创 动态生成节点批量加载echarts图表
通过后台返回的数组，根据数组新建多个节点，并对每个节点绘制echarts图表，这里是模拟罐高进度的效果。先上效果图：代码如下：// 图表绘制function showTank() { for (var i = 0; i < dataList.length; i++) { loadChart("tankChart" + i, dataList[i]) } } function loadChart(id, res)
2020-11-10 15:12:00
834
1
原创 echarts动态设置容器宽高
通过获取父节点的宽高来设置echarts容器的宽高，适用于图表切换显示与隐藏时用var chart_preHist = echarts.init(document.getElementById('chart_preHist'));var mWidth = $("#preHist").width(); // 获取父节点宽高var mHeight = $("#preHist").height();chart_preHist.resize({width:mWidth, height:mHeight}
2020-11-05 14:58:21
3361
原创 echarts绘制流程图
先上效果图：js代码：// 图标坐标，预先调好每个点的坐标 var nodes = [{ x: 100, y: 950, nodeName: '', svgPath: './Images/tank.png', symbolSize: 80, position: 'inside' }, { x: 300, y: 950, nodeName: '', svgPath: './Images/tank.png',
2020-11-02 14:53:54
4118
6
原创 标签切换选中样式
实现标签切换选中背景凸出来的效果，先上效果图：页面代码：<div style="width: 30%; height: 70px; position: absolute; top: 0; right: 0;"> <div id="btn_All" class="main-element main-element-selected" style="cursor: pointer; width: calc(25% + 6px); height: 100%;
2020-11-02 14:29:49
660
1
原创 微信公众号注册流程
1.注册邮箱，登录“微信公众平台”，一个邮箱每次只能注册一个公众号；2.自定义菜单：在“功能”里面的“自定义菜单”设置菜单名称，菜单点击跳转到外部网站需要开通公众号认证功能，否则只能跳转到公众号内的文章来跳转到外部网站（认证流程详情见https://kf.qq.com/product/weixinmp.html#hid=97）；3.素材管理：添加素材来实现公众号的文章推送，可自定义推送...
2020-01-09 11:42:45
418
原创 表格翻页显示实时刷新的数据
一般的表格翻页可通过bootstrap的轮播组件或者其他的插件来实现，这样显示的数据是页面加载完成后，通过接口从后台获取的数据，将数据直接显示到页面上。当后台数据改变，如果需要显示改变后的数据，需要在客户端的浏览器手动刷新页面来查看；如果直接对功能代码设置setInterval函数来定时刷新页面，每次刷新后都将从表格的第一页显示，就会出现当上次的表格还没显示完所有的页面，定时刷新后又从表格的第一页...
2019-03-26 09:33:22
1218
原创 页面实时刷新的同时，并横向滚动显示数据
当页面不需要实时刷新时，滚动显示数据，例如对li里面的数据进行滚动显示，直接使用jquery的appendTo()方法，然后在外面定义时间间隔来执行，这里可以实现横向纵向的滚动显示，代码如下：setInterval(function() { $('.header-list > li:first').appendTo($('.header-list'));}, 2000)当...
2019-03-25 14:07:03
1866
原创 IE浏览器和非IE浏览器使用js导出xml/json文件到客户端制定路径问题
在IE浏览器中，可以通过创建ActiveXObject对象的FileSystemObject来实现文件的导出，ActiveXObject为IE浏览器特有的控件；非IE浏览器不能直接通过js来导出文件到指定路径，否则需要通过服务器或者其他来实现。我这里只讨论前端js这块。实现IE浏览器导出文件到指定路径，通过XMLHttpRequest来解析文件（可适应大多数浏览器），实现用js创建xml格式的数据...
2019-03-19 15:58:11
725
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人