
web
jsp、html、css、js等
萌翻天
一只站在树上的鸟儿,从来不会害怕树枝会断裂,因为它相信的不是树枝,而是它自己的翅膀。
展开
-
bootstrapTable新增行并定位到该行
let row = [{}];$report_table.bootstrapTable('append', row);//append 追加到最后一行,prepend 新增到第一行$report_table.bootstrapTable('scrollTo', 'bottom');//定位到最后一行bottom原创 2022-07-26 15:01:27 · 1887 阅读 · 0 评论 -
bootstrapTable隔行变色
rowStyle: function (row, index) {//隔行变色 let classesArr = ['success', 'info']; let strClass; if (index % 2 === 0) {//偶数行 strClass = classesArr[0]; } else {//奇数行 strClass = classesArr[1]; } return {classes: strClass};原创 2022-07-26 14:59:53 · 1040 阅读 · 0 评论 -
bootstrapTable设置默认选中行
onLoadSuccess: function (res) {//加载成功时 $report_table.bootstrapTable("checkBy", {field: "field_number", values: [res[res.length - 1].field_number]});//根据列名选则行数据,field: 列名称,values:列取值数组 $report_table.bootstrapTable("check", 0);//选中某一行,索引从0开始},...原创 2022-07-26 14:57:32 · 2199 阅读 · 0 评论 -
idea使用ctrl+左键无法进入代码,提示Cannot find declaration to go to
给该目录设为Sources目录。原创 2022-07-26 14:39:29 · 799 阅读 · 0 评论 -
idea添加js库到libraries
idea添加js库到libraries原创 2022-07-26 14:37:09 · 495 阅读 · 0 评论 -
vue循环创建id拼接索引
{{item}}原创 2022-07-11 14:55:50 · 1176 阅读 · 0 评论 -
vue-等v-for渲染完成后回调
在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法,获取更新后的 DOM原创 2022-07-11 14:50:42 · 860 阅读 · 0 评论 -
vue-v-for渲染Map
{{index+1}}:{{value}}:{{key}}const app = Vue.createApp({ data() { return { wordMap: {}, } },}).mount('#app')原创 2022-07-11 14:47:30 · 829 阅读 · 0 评论 -
js遍历dom
let obArray = document.getElementsByName('name_text');for (let i = 0; i < obArray.length; i++) { obArray[i].style.color = '';}原创 2022-07-11 14:43:23 · 892 阅读 · 0 评论 -
ajax的dataType属性
dataType: 'text',//预期的服务器返回的数据类型,当设置了dataType:"json"时,如果后端返回了String,则ajax无法执行,去掉后ajax会自动检测返回数据类型原创 2022-07-11 14:42:16 · 12453 阅读 · 0 评论 -
html解决vue变量未渲染前代码显示问题
在vue变量未渲染前,会有一瞬间显示代码,影响代码美观。vue有现成的指令来解决这个问题:v-cloak在css中加入:[v-cloak]{display: none;}在需要元素加上:{{demo}}原创 2022-07-11 14:40:15 · 327 阅读 · 0 评论 -
jquery的ajax跨域发送get请求
type: "post", url: url1, dataType: "jsonp", //预期的服务器响应的数据类型。 jsonp: "callback", //在一个 jsonp 中重写回调函数的字符串。 contentType: "application/json", data: JSON.stringify(jo),...原创 2022-07-11 14:36:18 · 736 阅读 · 0 评论 -
thymeleaf控制元素是否显示
后端代码model前端代码原创 2022-07-11 14:31:35 · 1305 阅读 · 0 评论 -
js通过this和event获取元素的属性
{{item}}function addValueNumber(ob) { let index = ob.selectedIndex; // 选中索引 let value = ob.options[index].value; //获取索引对应的原创 2022-07-11 14:22:15 · 1124 阅读 · 0 评论 -
Html引用公用的JS和CSS
document.write('');document.write('');原创 2022-07-11 14:21:01 · 537 阅读 · 0 评论 -
Jquery获取select选中项自定义属性的值
$("#ddl_bonus").find("option:selected").attr("value")原创 2022-07-04 15:29:23 · 647 阅读 · 0 评论 -
修改tomcat默认访问项目
1、打开Tomcat的根目录下的conf/server.xml,直接新增2、修改Host,并增加Context原创 2022-07-04 15:22:17 · 370 阅读 · 0 评论 -
jquery-使用ajax的getJSON方法,读取本地静态资源文件
$.getJSON('js/demo/photos.json', function(json){ layer.photos({ photos: json });});原创 2022-07-04 15:18:59 · 883 阅读 · 0 评论 -
js页面加载完成后自动执行指定方法
1、要执行的代码是在DOM元素被加载完成的情况下执行2、在页面加载完成后才发生,这包括DOM元素和其他页面元素(例如图片)的加载,因此,使用document.ready()方法的执行速度比onload()的方法要快3、在标签上静态绑定onload事件,等待body加载完成,就会执行a()方法......原创 2022-07-04 15:08:06 · 5112 阅读 · 0 评论 -
a标签不跳转的3种实现方式
//加一个onclick事件,返回false //伪协议,最常用。//点击后跳转到页面顶部,不推荐原创 2022-07-04 14:48:47 · 2281 阅读 · 0 评论 -
bootstrap和bootstrap.bundle区别
bootstrap.bundle.js包含了popper.js这个框架,当我们在项目中引入bootstrap.bundle.min.js而不是bootstrap.min.js时,就不需要在前面引入popper.js。只在前面引入jquery.min.js就行popper.min.js 用于设置弹窗、提示、下拉菜单,是第三方插件等于...原创 2022-07-04 14:41:30 · 5364 阅读 · 1 评论 -
bootstrap-table给行数据添加按钮,并绑定事件
1、增加按钮2、绑定事件原创 2022-07-04 14:30:50 · 3373 阅读 · 1 评论 -
bootstrapTable的formatter函数
// formatter 属于列参数,表示对于当前列的数据进行格式化操作,它是一个函数,有三个参数,分别是value,row,index// value:表示当前单元格中的值// row:表示当前行,返回json格式数据// index:表示当前行的下标// 可以使用return返回想要的数据显示在单元格中...原创 2022-07-04 14:24:04 · 2465 阅读 · 0 评论 -
免费开源库CDN加速对比
https://www.staticfile.org/ Staticfile(七牛) CDN 22https://cdn.bytedance.com/ 字节跳动 22https://cdn.baomitu.com/ 75CDN(奇舞团) 27https://www.bootcdn.cn/ 猫云Bootstrap中文网开源项目免费 CDN 服务 17http://jscdn.upai.com/ 又拍JS库 24https://lib.sinaapp.com/ 新浪 SAE 33https://www.jsde原创 2022-07-04 14:20:51 · 812 阅读 · 0 评论 -
windows安装运行web服务器tomcat
1、下载安装程序2、双击exe文件安装-选择jre目录-选择tomcat安装目录-选择端口(默认8080可修改)在tomcat/bin目录双击startup.bat启动服务或者双击Tomcat9w.exe-start3、不用配置环境变量,但是需要关闭win防火墙https://jingyan.baidu.com/article/17bd8e52083ce685ab2bb839.html...原创 2020-09-30 11:39:08 · 3459 阅读 · 0 评论 -
web-idea写webapp工程引用tomcat
1、下载tomcat2、idea新建webapp项目3、把tomcat/bin/里面的文件都设置为可执行权限chmod 777 tomcat/bin/*原创 2020-09-24 16:56:22 · 3171 阅读 · 0 评论 -
web-js文字转音频
//文字转音频function playAudio(String) { let msg = new SpeechSynthesisUtterance(); msg.text = String; msg.lang = 'zh-CN'; console.log(msg); speechSynthesis.speak(msg);}原创 2020-09-24 16:23:27 · 3577 阅读 · 0 评论 -
web-jsp使用jquery通过ajax方式访问servlet
function buildJenkins(jenkinsUrl, jobName) { $.ajax({ type: "post",//请求方式 url: "./StartTest",//发送请求地址 data: { //传参 type: "build", jenkinsUrl: jenkinsUrl, jobName: jobName }, s.原创 2020-09-24 16:21:13 · 3229 阅读 · 1 评论 -
web-js设置滚动条到最底部
var objDiv = document.getElementById("logFileText");objDiv.scrollTop = objDiv.scrollHeight;原创 2020-09-23 11:59:48 · 3497 阅读 · 0 评论 -
web-alert处理变量为空和非空的显示方法
alert(isNullStr(str) ? "没有选择压测服务器" : testInfo && isNullStr(jmxName) ? "没有输入脚本名" : testInfo && jmxName.indexOf("jmx") === -1 ? "脚本名输入错误" : testInfo);原创 2020-09-23 11:59:05 · 3221 阅读 · 0 评论 -
web-js判断字符串为空的方法
function isNullStr(str) { return str === null || str === undefined || str === '';}原创 2020-09-23 11:58:34 · 3233 阅读 · 0 评论 -
web-jsp取值、ajax发送给后端、获取后端返回结果、填充到前端页面
function startTest() { var jmxName = document.getElementById("inputJmxName").value;//获取输入的jmx脚本名 var obj = document.getElementsByName("selevtServer"); //选择所有name=selevtServer的对象,返回数组 //循环检测它是不是被选中 var str = ""; for (var i = 0; i < o.原创 2020-09-23 11:56:15 · 3542 阅读 · 0 评论 -
web-js封装一个sleep的方法,参数n为休眠时间,单位为毫秒
function sleep(n) { let start = new Date().getTime(); console.log('休眠前:' + start); while (true) { if (new Date().getTime() - start > n) { break; } } console.log('休眠后:' + new Date().getTime());}...原创 2020-09-23 11:54:11 · 3380 阅读 · 0 评论 -
web-js动态给元素填充数据3种方式
1、jquery方法$("#jenkinsLog").text(data);$("#jenkinsLog").html(data);2、document.getElementById("jenkinsLog").innerText=data;document.getElementById("jenkinsLog").innerHtml=data;3、document.getElementById("jenkinsLog").insertAdjacentHTML("afterbeg原创 2020-09-23 11:53:10 · 3929 阅读 · 0 评论 -
web-js打开链接url
window.location.href = "http://test.babyfs.cn/re/performanceTest/result/index.html";//本窗口打开window.open('http://test.babyfs.cn/re/performanceTest/result/index.html');//新窗口打开原创 2020-09-23 11:51:58 · 3626 阅读 · 0 评论 -
利用javaWeb+jquery+ajax开发测试平台(监控、快捷操作所有的自动化测试项目)
效果:https://v.qq.com/x/page/b3021ygobgd.html(录制的视频)下面是几张截图实现代码:因为后端接口的代码太多,这里只粘前端代码jsp代码:<%-- Created by IntelliJ IDEA. User: mft Date: 2019-10-08 Time: 15:00 To change...原创 2019-11-14 17:25:36 · 3567 阅读 · 1 评论