前端
关注
分享
扫一扫
涉及html，js，前端组件，vue等知识
拼命_小李
始终坚信知识源于分享，努力大于幸运！
亚太地区数学建模大赛优胜奖
美国大学生数学建模大赛优胜奖
中国大学生数学建模大赛省级三等奖
全国大学生计算机设计大赛国家级三等奖
大学生创新创业大赛省级三等奖
工商杯创新创业竞赛市级三等奖
展开
-
Layui实现自定义的table列悬停事件并气泡提示信息
使用layui组件实现table的指定列悬停时提示信息，因为layui组件中没有鼠标悬停事件支持，所以需要结合js原生事件来实现这个功能，并结合layui的tips和列的templte属性气泡提示实现效果。原创 2023-12-13 09:50:53 · 2065 阅读 · 0 评论 -
element-vue中使用vue-code-diff，解决对不齐和显示下拉标志问题
代码实现后主要出现两点问题，第一点，左右高低不齐，第二点问题json出现下拉标志的符号，根本原因目前感觉是高亮引入组件版本的问题与当前项目无法兼容，但是无法解决。在element组件中使用vue-code-diff代码比对组件，在本案例中主要是比对json字符串信息，效果图如下所示。通过F12查看需要对其进行穿透处理，把指定的样式修改如下就可以了。目前只能是在此基础上修改css解决两点问题。5、vue-code-diff其他的参设置。4、解决序号不齐和下拉标志解决办法如下。...原创 2022-07-22 17:10:40 · 3765 阅读 · 0 评论 -
若依vue-element框架给操作栏或工具栏列添加、隐藏按钮
1、操作栏添加其他按钮，代码 2、效果 3、工具栏添加按钮，代码示例4、隐藏按钮添加 optShow: { add: false, edit: true, del: true, download: false, reset: true }原创 2022-07-14 13:59:20 · 5311 阅读 · 0 评论 -
Vue + Element +SpringBoot 实现文件上传
vue element springboot实现上传文件功能原创 2022-06-17 11:38:17 · 1028 阅读 · 0 评论 -
vue使用axios封装http请求（发送json数据）
使用axios封装http原创 2022-06-16 18:19:26 · 1157 阅读 · 0 评论 -
js如何获取集合对象中某元素列表
1、集合样式如下所示：2、我们的需求是，如何只获取所有集合的id列表，如下图：3、解决办法使用map函数即可，arr就是我们的集合数据：arr.map(user => { return user.id }4、其他常用遍历的函数还有find、filterfind：可以寻找集合中符合条件的对象filter：可以过滤出符合我们条件的对象...原创 2022-05-07 11:12:32 · 3517 阅读 · 0 评论 -
游览器打开摄像头案例
<!doctype html><html lang="en"><head> <title>js调用摄像头拍照上传图片</title> <meta charset="utf-8"></head><body><button onclick="openMedia()">开启摄像头</button><video id="video" width="500px" .原创 2022-03-10 10:46:53 · 197 阅读 · 0 评论 -
Vue判断表单验证和判断单项验证是否成功
实现整个表单验证 this.$refs.form.validate(valid => { if (valid) { console.log("success") } else { console.log("uunsuccess") } })单独对表单某一项验证this.$refs.form.validateField("password", errMsg => { .原创 2021-08-03 18:25:50 · 2566 阅读 · 0 评论 -
Vue 生命周期简讲
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Vue实例生命周期</title> <script src="vue.min.js"></script></head><body> <div id="app"></div> <script typ.原创 2020-09-15 09:33:37 · 148 阅读 · 0 评论 -
vue v-on:click的修饰符.stop(冒泡阻止)和.capture(事件捕捉)
1.简介在javascript原生事件处理程序中调用event.preventDefault()或event.stopPropagation()是非常常见的需求，在vue中我们可以通过事件修饰符很轻松解决这两个问题。@click.capture @click.stop ===>event.stopPropagation()2.通过图解理解什么是冒泡阻止和事件捕捉事件冒泡：当我们点击div3区域的时候，div2和div3的事件也会依次执行 事件捕捉:在事件冒泡发生时...原创 2020-09-15 17:59:08 · 5399 阅读 · 0 评论 -
Js中使用onload调用function和直接使用function的区别(Js获取不到后台下拉框数据)
简介:最近在搞javaweb时候发现了一个小的问题，在js写上方法获取select中option的全部value，并将其作为字典的key保存dic1中，最开始我直接在js中调用获取value的方法GetSelectValues发现不能获取到对应的值(代码是完全没有问题的)。//创建一个字典var dic1 = new Array();//获取下拉框下的值function GetS...原创 2019-05-30 17:32:33 · 1178 阅读 · 0 评论 -
Ajax向后台传递参数乱码问题解决(Error parsing HTTP request header)
问题引入:最近在做项目的时候使用到了Ajax获取数据信息，虽然能够解决实现用户的需要，但是项目对游览器有限制，只能使用火狐和谷歌游览器才能实现，但是这对于用户来说体验感是不好的！经过检查研究解决的办法如下。错误截图:首先针对我的项目我进行简单的介绍一下，在前端jsjdAdd.jsp中使用Ajax向action是ShowYw(servlert)发送请求，ShowYw将调用业务层去获...原创 2019-04-10 20:03:02 · 743 阅读 · 0 评论 -
Echarts实现给X坐标文字添加点击事件
给x轴的文字添加点击事件，y轴同理，针对于ECharts 3.x，共两步。第一步：将xAxis或者yAxis的属性triggerEvent 置为 true;第二步：点击事件，如代码：mybarDoubleChart.setOption(option); mybarDoubleChart.on('click', function (params) { i...原创 2019-07-28 12:18:55 · 672 阅读 · 0 评论 -
Echats折线图原数据基础上动态刷新
简介:鄙人是对大数据有着浓厚兴趣的小草根码农，大数据少不了的就是数据可视化，最近研究了一下如何动态实时刷新Echats的图表，查了很多资料，并进入的Echats的官网，直接copy人家的动态图表但是不知道为啥什么，放在自己的电脑上就不是动态的，甚至都系显示不出来，只好自己动手研究了，经过自己的努力终于实现了echats动态刷新折线图，直接上代码喽!!DOCTYPE html> <...原创 2019-01-24 11:06:14 · 897 阅读 · 0 评论 -
easy ui datagrid 设置横向滚动条（解决列过多导致溢出问题）
1.通过jquery设置$(".datagrid-body").css("overflow-x","scroll");原创 2020-10-19 11:26:32 · 2981 阅读 · 0 评论 -
div 实现横向滚动条
给对应div的css添加overflow: hidden;overflow-x:auto;white-space: nowrap;原创 2020-09-17 09:48:04 · 4545 阅读 · 1 评论 -
JavaScript的concat() 方法-创建数组,并将数组连接
方法解释:1.concat() 方法用于连接两个或多个数组。2.该方法不会改变现有的数组，而仅仅会返回被连接数组的一个副本代码:<html><body><script type="text/javascript">var arr = new Array(3)arr[0] = "北京"arr[1] = "上海"arr[2]="广州&qu原创 2018-11-18 12:18:28 · 409 阅读 · 0 评论 -
JavaScript的join() 方法
方法解释:1.join() 方法用于把数组中的所有元素放入一个字符串2.元素是通过指定的分隔符进行分隔的代码:<html><body><script type="text/javascript">var arr = new Array(3)//创建数组arr[0] = "1"arr[1] = "2"arr[2] = "3"//原创 2018-11-18 12:31:43 · 798 阅读 · 0 评论 -
JavaScript的pop()
方法解释:1.pop() 方法用于删除并返回数组的最后一个元素代码:<html><html><body><script type="text/javascript">var arr = new Array(3)arr[0] = "河南"arr[1] = "郑州"arr[2] = "洛阳"docum原创 2018-11-18 12:37:31 · 1212 阅读 · 0 评论 -
JavaScript-arr.shift方法
方法介绍:1.shift() 方法用于把数组的第一个元素从其中删除，并返回第一个元素的值。代码:<html><body><script type="text/javascript">var arr = new Array(4)arr[0] = "北京"arr[1] = "上海"arr[2] = "广州"arr[3] = &qu原创 2018-11-18 12:42:06 · 3071 阅读 · 0 评论 -
js的shift()与push()用法+unshift()+pop()
var xdata = [1,2,3]//定义一个数组 xdata.shift();//删除数组中的第一个数字 xdata.push(Math.ceil(Math.random()*10));//在尾部添加一个随机生成的整数(1-10)原创 2019-01-23 19:31:48 · 490 阅读 · 0 评论 -
js取1-10的整数
直接使用: Math.ceil(Math.random()*10)//获取1-10之间的整数解释:Math.random()//随机生成一个0-1之间的小数Math.random()*10//将生成的小数×10Math.ceil()//将乘10后的数字进行取整...原创 2019-01-23 19:37:34 · 2798 阅读 · 0 评论 -
HTML实现 ul li标题栏放大效果
效果截图:` css3-放大突出效果 123 123 123 123 123 `...原创 2018-10-28 19:22:25 · 2052 阅读 · 0 评论