该死的前端
关注
分享
扫一扫
WCR_520
这个作者很懒，什么都没留下…
展开
-
elementUI使用el-tabs加el-form导致页面崩溃以及el-form里的input事件丢失问题
el-form外面包一层el-row和el-col，el-tabs也包一层。原创 2024-05-24 18:25:18 · 486 阅读 · 0 评论 -
js遍历对象属性
https://segmentfault.com/a/1190000041977281转载 2023-04-21 16:10:01 · 94 阅读 · 0 评论 -
箭头函数说明
结论：箭头函数中的this一般情况下，会一层一层的向外层作用域中查找，知道查到为止。而在普通函数中，this总是指向调用它的对象，如果用作构造函数，this指向创建的对象实例（如果没有对象调用那就指向window对象）。箭头函数中的this和普通函数中的this的区别。转载 2023-04-21 16:02:17 · 87 阅读 · 0 评论 -
Vue学习小结
【代码】Vue学习小结。原创 2023-01-28 16:00:41 · 577 阅读 · 0 评论 -
promise使用
promise使用原创 2022-10-19 22:59:56 · 142 阅读 · 0 评论 -
CSS3：overflow属性详解
CSS3：overflow属性详解转载 2022-10-12 17:22:39 · 132 阅读 · 0 评论 -
js对象转json，json转对象
【代码】js对象转json，json转对象。原创 2022-09-28 09:51:11 · 370 阅读 · 0 评论 -
Vue常用api随手记
【代码】Vue常用api随手记。原创 2022-09-22 19:33:37 · 209 阅读 · 0 评论 -
Vue在线引入地址
【代码】Vue在线引入地址。原创 2022-09-20 10:44:04 · 3808 阅读 · 0 评论 -
elementUI新增行定位到表格最后一行
代码】elementUI新增行定位到表格最后一行。原创 2022-08-15 17:04:25 · 1009 阅读 · 0 评论 -
gyp ERR
gyp ERR! stack Error: Could not find any Visual Studio installation to usevue 项目打包或者npm install出错直接npm config list然后 npm config set msvs_version 2022再尝试 npm install一、cmd下运行npm install -globabl -production windows-build-tools一键安装1、python(v2.7 ，3.x不支持原创 2022-03-30 16:10:25 · 3863 阅读 · 0 评论 -
Vue子传父，父传子
vue中父组件向子组件传值1、定义父组件<template> <div> 父组件: <input type="text" v-model="name"> <br> <br> <!-- 引入子组件 --> <child :inputName="name"></child> </div></template><script&转载 2022-02-08 15:54:58 · 963 阅读 · 0 评论 -
el-button或者el-dropdown禁用模式下悬停显示信息无法显示
span包一层<el-tooltip :disabled="isUpdateCodeShow" content="请在标准编辑中启动"> <span> <el-dropdown-item :disabled="!isUpdateCodeShow" @click.native="updateCode">一键更新编码</el-dropdown-item> <span></el-tooltip>...原创 2022-01-24 14:28:50 · 951 阅读 · 0 评论 -
Echarts柱状图设置阴影部分也能触发提示
将trigger:'item'改为trigger:'axis'坐标轴触发就可以了原创 2022-01-13 17:14:48 · 396 阅读 · 0 评论 -
js各种循环的使用
https://juejin.cn/post/7007965963819679751#heading-2转载 2022-01-13 17:10:26 · 129 阅读 · 0 评论 -
ECharts给自定义tooltip（此处为给最后一个加百分号%）
ECharts给自定义tooltip（此处为给最后一个加百分号%）效果tooltip: { trigger: 'axis', axisPointer: { type: 'cross', crossStyle: { color: '#999' } }, formatter: (params) => { var html = params[0].name + '<br>'; // params[i].marker：对应数据的圆点样式 for (var原创 2022-01-13 17:02:29 · 661 阅读 · 0 评论 -
axios下载文件
download () { let url ="" ; const link = document.createElement("a"); //创建个a标签 link.href = url; // link.download = fileName;//重命名 link.click(); URL.revokeObjectURL(url); //释放内存},主要就是设置responseType: 'blob',缺点是ajax下载的话你在浏览器看不到进度显示testdo原创 2022-01-12 10:58:36 · 304 阅读 · 0 评论 -
echarts自定义刷新方法
myTool: { show: true, title: "刷新", icon: "path://M3.8,33.4 M47,18.9h9.8V8.7 M56.3,20.1 C52.1,9,40.5,0.6,26.8,2.1C12.6,3.7,1.6,16.2,2.1,30.6 M13,41.1H3.1v10.2 M3.7,39.9c4.2,11.1,15.8,19.5,29.5,18 c14.2-1.6,25.2-14.1,24.7-28.5", onclick: () =原创 2022-01-11 15:31:40 · 633 阅读 · 0 评论 -
设置div的文字在最右侧
效果style="float:right;margin-right:8px;"//或者style="margin-right:8px;height:20px;text-align:right"原创 2022-01-11 13:31:08 · 1922 阅读 · 0 评论 -
grid布局加flex给文子设置横排展示效果
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css">.wait-matter-box { margin-top: 10px; margin-left: 20px; display: grid; grid-template-columns: repeat(4, 25%);.原创 2022-01-11 13:12:22 · 556 阅读 · 0 评论 -
一个div居中另一个div
<div id="exception-watch" style="width:500px;height:500px;position:relative;background-color: aqua;"> <div id="exception-watch-span" style="background-color: chartreuse;width:90%;height: 50%;margin:auto;top: 0; left: 0; bottom: 0; right: 0;pos.原创 2022-01-10 11:31:00 · 242 阅读 · 0 评论 -
java获取当前时间前一周、前一月、前一年的时间
java获取当前时间前一周、前一月、前一年的时间//近7天，近一月，近三月 SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM-dd"); Calendar calendar = Calendar.getInstance(); calendar.setTime(new Date()); if (timePeriod.equals("7")) { calendar.add(Calendar.DATE, -7); } if (原创 2022-01-05 17:00:38 · 1290 阅读 · 0 评论 -
Table布局显示文字横排效果，以及table 给td设置圆角
上图上代码<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> .span-font { font-size: 18px; color: rgb(255, 255, 255); } .span-font-small { font-size: 14px; c原创 2021-12-30 17:47:37 · 1176 阅读 · 0 评论 -
解决：ECharts数据更新后，图表没有更新显示为0的问题
this.line_option.xAxis.data = data.listDate; this.line_option.series[0].data = data.listTaskRunningNum; this.$nextTick(() => { this.line.setOption(this.line_option,true); })原创 2021-12-29 17:14:57 · 1191 阅读 · 0 评论 -
登录图片滑动验证实现
场景主要代码<!DOCTYPE html><html lang="zh"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>支原创 2021-06-28 21:22:31 · 1708 阅读 · 0 评论 -
js弹出框
<!DOCTYPE html><html lang="zh"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>js点击弹窗弹出登录转载 2021-06-28 21:17:47 · 362 阅读 · 0 评论 -
form表单提交数据的几种方式
一、submit提交一般表单提交通过type=submit实现，input type=“submit”,浏览器显示为button按钮，通过点击这个按钮提交表单数据跳转到/url.do<form action='http://www.123.com/postValue' method='post'> <input type='text' name='username'/> <input type='password' name='password'/>转载 2021-06-28 20:50:25 · 899 阅读 · 0 评论 -
基于jquery，bootstrap的多选删除功能
前端死坑1、a标签跳转页面会请求后台两次<a href="#" onclick="App.deleteMulti('/user/delete')" type="button" class="btn btn-default btn-sm"><i class="fa fa-trash"></i>删除</>改为<button onclick="App.deleteMulti('/user/delete')" type="button" class="原创 2021-04-18 23:22:06 · 359 阅读 · 0 评论 -
jsp的三种自定义标签 写法示例
https://www.cnblogs.com/flying607/p/5063207.html转载 2021-04-18 23:10:48 · 111 阅读 · 0 评论 -
jquery checkbox选中、改变状态、change和click事件
jquery判断checked的三种方法:.attr('checked); //看版本1.6+返回:”checked”或”undefined” ;1.5-返回:true或false.prop('checked'); //16+:true/false.is(':checked'); //所有版本:true/false//别忘记冒号哦jquery赋值checked的几种写法:所有的jquery版本都可以这样赋值:// $("#cb1").attr("checked","checked");//转载 2021-04-18 10:36:31 · 380 阅读 · 0 评论