JavaScript
万德佛
个人笔记与经验!!仅供参考
展开
-
原生JavaScript,根据后端返回扁平JSON动态【动态列头、动态数据】生成表格数据
JS动态生成表格原创 2024-03-08 14:28:43 · 1045 阅读 · 0 评论 -
JavaScript 模拟点击 下载文件
【代码】JavaScript 模拟点击 下载文件。原创 2023-12-14 09:12:37 · 507 阅读 · 0 评论 -
js数组对象 模糊查找 指定 匹配字段内容
JavaScript模糊搜索原创 2023-07-18 15:15:12 · 831 阅读 · 0 评论 -
JQuery定时滚动浏览Echars视图
以下仅供参考~<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>Echars视图滚动浏览Demo</title> <style type="text/css"> body { background-color: #0f375f; } .roll-box { width: 100%; height:原创 2022-04-19 13:12:06 · 425 阅读 · 0 评论 -
点击某个标签 跳到指定 ID 内容DIV块
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>触发点击事件跳到指定ID内容块</title> <style type="text/css"> .block01,.block02,.block03{ display: flex; justify-content: center; align-items: cen原创 2022-04-18 19:54:12 · 565 阅读 · 0 评论 -
后端返回JSON数据格式,前端根据JSON数据 导出.CSV文件
以下仅供参考~效果图/** * 前端JSON导出CSV文件 * @param {Object} dataObj 对象 * title:["名称"], * jsonKey:["Name"],//键值对 key * data: JSON数据, * fileName: 文件名 */function exportCvs(dataObj) { var title = dataObj.title; var jsonKey = dataObj.jsonKey; var data = dataO原创 2022-03-30 18:31:33 · 1429 阅读 · 2 评论 -
JavaScript 间隔5s 依次打印数组中的值,无限循环执行
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>间隔打印</title> </head> <body> 定时遍历数组值,间隔打印 [1, 2, 3, 4, 5, 6, 7, 8, 9, 10] <div id="text"></div> </body> <script typ原创 2021-12-25 18:36:34 · 1232 阅读 · 0 评论 -
HTML内容无缝连接滚动效果
以下仅供参考~<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <!-- 父容器 --> <div id="marqueeA" style="width: 500px;height: 100px;overflow: scroll;"> <原创 2021-08-23 20:41:58 · 703 阅读 · 0 评论 -
原生JS前端 导出 流文件
//js 前端导出流文件//utils.js文件// method: 请求类型,url: 请求地址,data: 参数function fileDownload(method, url, data) { //可删除 遮罩层开始 这里是遮罩层,我用的layer的,如果你没有用到layer就用你的遮罩层效果 ,否则你的会报错 var myMsg = layer.msg('Please wait.....', { icon: 16, time: -1, s原创 2021-08-04 14:58:40 · 997 阅读 · 0 评论 -
由于ecahrs热力图不知道怎么改造 yAxis带展开功能 ,所以用表格仿echars热力图仿yAxis可展开收缩
业务简介:用热力图显示 合并制程展示制程下所有机台、线别的OEE值( OEEValue = (av) * (pf) * (yield) * 100) )写的一个小案例,代码写的挺烂的,属性名取得也不标准,请博友多多指点,以下内容仅供参考~HTML:<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>Title</titl...原创 2021-04-29 20:15:57 · 245 阅读 · 0 评论 -
前端正则表达式指定邮箱域名匹配
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>指定邮箱匹配</title> </head> <body> <p>以下为指定邮箱匹配,@后指定字符<.原创 2021-02-25 16:55:50 · 1015 阅读 · 0 评论 -
HTML动态拼接表头动态匹配表列,并导出Excel
注意: 1.请记得引入js文件; 2.仅供参考,可自行优化,如有错误之处,还请多多指教~.<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> table { width: 80%; } table tr th,td{ border: 1px ...原创 2020-12-24 10:41:10 · 776 阅读 · 0 评论 -
MUI 加载(Loading)动画效果
//扩展mui.showLoading(function($, window) { //显示加载框 $.showLoading = function(message,type) { if ($.os.plus && type !== 'div') { $.plusReady(function() { ...转载 2020-05-04 17:16:28 · 6188 阅读 · 0 评论 -
JS生成范围的随机数或者单个随机数
console.log(randomNum(95));console.log(randomNum(100, 95));console.log(randomNum(100, 95, 2));//生成范围的随机数// decimalNum指小数保留多少位function randomNum(maxNum, minNum, decimalNum) { var max = 0, min = ...原创 2020-04-27 17:01:55 · 200 阅读 · 0 评论 -
H+后台UI框架,单击按钮创建新选项卡
点击视图创建新的选项卡并显示页面js调用:// H+后台UI框架,单击按钮创建新选项卡// 打开自定义新选项卡:<a href="#" οnclick="openTabPage('url', '自定义标题')">test</a>// 打开系统选项卡:<a href="#" οnclick="openTabPage('url')">查看提现记...转载 2020-03-28 14:24:45 · 487 阅读 · 0 评论 -
(新手笔记分享)Spring MVC根据查询生成Excel(导出数据+图片)以流的方式返回给前端下载- 摘取片段,仅供参考
查询的效果图查看的表格效果图导出表格的Excel效果图控制层:@ResponseBody @RequestMapping(value = "excleDownload") public void excleDownload(HttpServletRequest request, HttpServletResponse response,Integer id) t...原创 2020-03-19 15:32:39 · 622 阅读 · 0 评论 -
颜色搭配、前端素材模板、JS、MUI、java、微信小程序相关地址
http://sc.chinaz.com/jiaoben/index_6.html 站长素材https://www.lanrenzhijia.com/ 懒人之家http://www.cssmoban.com/code/button/index.shtml 模版之家https://www.jsdaima.com/js/2949.html js代码https://www.highcharts...原创 2020-03-13 10:31:28 · 432 阅读 · 0 评论 -
(新手笔记分享)Spring MVC根据查询生成Excel(纯导出数据 及 导出数据+图片) 返回地址给前端下载- 摘取片段,仅供参考
图片:控制层: @ResponseBody @RequestMapping(value = "queryInfoBydateAndvillageName") public Map<String, Object> queryInfoBydateAndvillageName(HttpServletRequest request, String sDate,...原创 2020-03-13 10:05:14 · 388 阅读 · 0 评论 -
JS不同时间格式转换
//转Long类型时间格式 function add0(m){return m<10?'0'+m:m } function dateFormat(shijianchuo){ //shijianchuo是整数,否则要parseInt转换 var time = new Date(shijianchuo); var y = time.getFullYear(); ...原创 2020-01-17 17:14:23 · 225 阅读 · 0 评论 -
获取表格内所有内容,包括input输入框的内容
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><html> <head> <title>new document</title> <meta name="generator" content="editplus"> <meta...原创 2020-01-04 14:31:35 · 1240 阅读 · 0 评论 -
简单的单元格样式
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>表格</title> <style> * { margin: 0; padding: 0; } .sheet { font-size: ...原创 2019-12-20 11:13:14 · 150 阅读 · 0 评论 -
select下拉菜单赋值
var model = JSON.parse('${modelList}');//初始化后台数据var eModelInput = document.getElementById("eModel");//获取下拉框idif (model != null) {//判断数据是否为空 for (i = 0; i < model.length; i++) {//循环遍历list ...原创 2019-12-19 18:57:48 · 621 阅读 · 0 评论 -
时间比较大小、JavaScript计算两个时间的间隔天数
//时间比较大小var startTime = $("#sDate").val();var endTime = $("#eDate").val(); if (startTime == null || startTime == "" && endTime == null || endTime == "") { alert("时间不能为空"); return false...原创 2019-12-19 18:53:28 · 211 阅读 · 0 评论 -
(PC端)事件对象 - 触摸、长按、滑动
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Com...原创 2019-12-17 11:17:12 · 1351 阅读 · 1 评论 -
commonFunctions.js 资源共享
window.requestAnimFrame = (function() { return window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.oRequestAnimationFra...原创 2019-12-10 15:27:31 · 556 阅读 · 0 评论 -
canvas和JavaScript绘制图像
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <canvas id="canvas" w转载 2018-12-18 10:54:13 · 463 阅读 · 0 评论 -
分别获取在同一页面下两个动态生成的table的单选框值和textarea 文本框值
<tr> <td colspan="6"> <table class="table table-striped table-bordered table-hover" id="contenttable"> <thead align="center" style="font-weight: bold;&quo原创 2018-10-19 15:45:42 · 308 阅读 · 0 评论 -
jquery获取 动态表中所有的单选框值
HTML代码,此处为动态生成的表:<table class="table table-striped table-bordered table-hover" id="testtable"> <thead align="center" style="font-weight: bold;"> <tr> <...原创 2019-12-11 08:50:13 · 291 阅读 · 0 评论 -
html中让字体变色---新手笔记
html代码:<h5 id = "blink">最新资讯</h5> js代码://动态发光字体 function changeColor(){ var color="#f00|#0f0|#00f|#880|#808|#088|yellow|green|blue|gray"; color=co...转载 2018-08-23 15:25:28 · 5355 阅读 · 0 评论 -
(spring MVC + MyBatis )上传文件或者图片+执行回滚操作(新手日记)
模态框(html)<div class="modal fade" id="myModalLabel" tabindex="-1" role="dialog" aria-hidden="true"> <div class="modal-dialog">原创 2018-08-06 11:00:10 · 1013 阅读 · 0 评论 -
JavaScript操作复选框显示/隐藏DIV内容
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <div style="margin-top: 15px"> <!-- 机种下拉单 --&g...原创 2018-01-27 14:13:59 · 4857 阅读 · 9 评论 -
javaScript禁用数据按钮,按钮上字体会改变
/******ajax里面动态拼接而成的按钮(可不计较是否是拼接,只看内容,因为只是一个按钮)*******/$.ajax({type : 'post',data : {line : line,groove : groove,model : model},dataType : 'json',url : 'anodicWarningData',success原创 2018-02-02 15:48:57 · 261 阅读 · 0 评论