
前端
前端相关知识总结
未来@音律
爱睡觉,爱美食,喜欢奇思妙想;
展开
-
Make sure that you provide correct `viewBox` prop (default `0 0 1024 1024`) to the icon.
Make sure that you provide correct `viewBox` prop (default `0 0 1024 1024`) to the icon.原创 2024-08-06 09:38:48 · 389 阅读 · 0 评论 -
a标签隐藏页面来源,去除referer引用
【代码】a标签隐藏页面来源,去除referer引用。原创 2024-05-07 11:08:53 · 489 阅读 · 0 评论 -
element ui的el-menu增加多层级搜索功能
【代码】element ui的el-menu增加多层级搜索功能。原创 2024-04-09 11:44:44 · 682 阅读 · 0 评论 -
element的tabs组件使用问题解决
最终的解决办法就是不使用el-input。而是使用原生的input。这样光标就不会总在最后一位了。原创 2023-10-27 16:17:28 · 1296 阅读 · 0 评论 -
js对json数组中的json对象去重
使用map()方法将JSON对象转换为字符串,并使用Set对象去除重复项。然后,我们将字符串再次转换为JSON对象,并使用Array.from()方法将其转换为数组。这样,我们就得到了一个去重后的JSON对象数组。原创 2023-08-15 11:02:57 · 348 阅读 · 0 评论 -
js实现深度合并(若有相同key,则被后者覆盖,不同key则融合)
js实现深度合并(若有相同key,则被后者覆盖,不同key则融合)原创 2023-03-09 15:14:36 · 475 阅读 · 0 评论 -
npm 打包报错JavaScript heap out of memory(亲测可行)
npm 打包报错JavaScript heap out of memory(亲测可行)原创 2022-11-19 14:02:46 · 1735 阅读 · 0 评论 -
js将字符串小数保留2位
【代码】js将字符串小数保留2位。原创 2022-11-02 19:18:27 · 243 阅读 · 0 评论 -
elementUI Dialog内容区域显示滚动条
【代码】elementUI Dialog内容区域显示滚动条。原创 2022-10-25 16:42:37 · 4740 阅读 · 1 评论 -
js数组的splice()方法
第一个参数(起始位置),第二个参数(删除的项数),第三个参数(插入任意数量的项)三个参数,第一个参数(起始位置),第二个参数(0),第三个参数(插入的项)两个参数,第一个参数(要删除第一项的位置),第二个参数(要删除的项数)...原创 2022-07-15 14:39:21 · 898 阅读 · 0 评论 -
js转字符串为小数,且保留2位
parseFloat(rsscore).toFixed(2)注意这里在使用.toFixed(2)得到的是字符串,如果在转换之后还需要与其他数进行累加则需要var allscore = 0;allscore = (parseFloat(allscore) + parseFloat(rsscore)).toFixed(2);原创 2022-03-28 17:38:10 · 4854 阅读 · 0 评论 -
ant Design Vue表格实现滚动条隐藏,鼠标移入滚动条出现
.ant-table:hover .ant-table-content .ant-table-fixed-right .ant-table-body-outer .ant-table-body-inner::-webkit-scrollbar-thumb { background-color: #999;} .ant-table .ant-table-content .ant-table-fixed-right .ant-table-body-outer .ant-table-body-inn.原创 2022-03-24 18:25:32 · 4102 阅读 · 0 评论 -
js判断空串和0
今天在开发的时候遇到一个问题,在使用==判断空串的时候,我发现当值为0的时候也会被判断进去。如下:原来这是因为0代表否定意义。所以使用 == 判等,0==空所以为了区分这两者,需要使用 === 判空,然后用 == 判断具体值...原创 2022-03-04 14:25:44 · 1659 阅读 · 0 评论 -
vue点击获取当前元素或其父元素的属性值
<a @click="addLikes($event)"> </a>addLikes: function (event) { //获取当前元素的属性 console.log(event.target.getAttribute('class')); //获取当前元素父元素的属性 console.log(event.target.parentNode.getAttribute('class'));}...原创 2022-03-03 13:41:15 · 2988 阅读 · 0 评论 -
解决Echarts柱状图数据落差大显示不均匀
yAxis: { min:1, logBase:10, type: 'log' }type=log是解决echarts数据不均匀的而min=1及logBase的设置是用于解决数据落差过大导致数据出现持平的情况如下图:原创 2022-02-20 00:39:19 · 3635 阅读 · 0 评论 -
antVue只设置表头超出显示省略号
<a-table bordered :data-source="data3" :columns="columns3" :pagination="pagination3" :loading="loading3" :scroll="{ x: 400, y: 480 }" size="small" align="center" ></a-table>columns3:[ .原创 2022-02-16 16:10:20 · 737 阅读 · 0 评论 -
js脚本请求url并带参数
var ids=['037c11bb9bdc4c','037eb9f3278f40609cc0282'];var idstr = JSON.stringify(ids);var confName="任务jjj";var jobCron="0 * 0 1 * ?";var type="指定";var url = "http://ip:port/dgov/pc/addConf"var params = "jobId="+"&confName="+confName+"&jobCron.原创 2022-02-13 18:46:20 · 2355 阅读 · 0 评论 -
js获取json数组中所有对象的某个属性组成新数组
方式1:let arrNew = []arrOld.forEach(item => { arrNew.push(item.name)})方式2:let arrNew = arrOld.map(item => { return item.name;})原创 2021-12-07 14:15:40 · 3044 阅读 · 0 评论 -
js的Es6取并集,交集,差集
let a = [1, 2, 3, 4] console.log(a) let b = [2, 4, 5] let aSet = new Set(a) let bSet = new Set(b) // 并集 let union = Array.from(new Set(a.concat(b))) // [1,2,3,4,5] console.log(union) // 交集 let intersec...原创 2021-12-07 13:55:50 · 784 阅读 · 0 评论 -
js减法获得精确值
/** ** 减法函数,用来得到精确的减法结果 ** 说明:javascript的减法结果会有误差,在两个浮点数相减的时候会比较明显。这个函数返回较为精确的减法结果。 ** 调用:accSub(arg1,arg2) ** 返回值:arg1减去arg2的精确结果 **/ function accSub(arg1, arg2) { var r1, r2, m, n; try { r1 = arg1.toString().split(".")[.原创 2021-11-08 16:02:37 · 901 阅读 · 0 评论 -
js求两个数的百分比
function getPercent(num, total) { /// <summary> /// 求百分比 /// </summary> /// <param name="num">当前数</param> /// <param name="total">总数</param> num = parseFloat(num); total = parseFloat(total);.原创 2021-11-08 15:59:42 · 3541 阅读 · 0 评论 -
js监听变量的变化
/监听a对象的age属性var a = { age: 10 };Object.defineProperty(a, 'age', { get: function() { //取值的时候会触发 console.log('get: ', age); return age; }, set: function(value) { //更新值的时候会触发 age = value; console.log('set: ', a.原创 2021-10-28 10:59:44 · 4605 阅读 · 7 评论 -
jquery实现滚动条始终在底部,回到顶部
//滚动条始终在底部var scrollHeight = $('#div').prop("scrollHeight");$('#div').animate({scrollTop:scrollHeight}, 400); //滚动条回到顶部$('#div').animate({scrollTop:0},500);原创 2021-08-21 15:53:36 · 343 阅读 · 0 评论 -
jquery动态添加元素之后事件绑定失效解决
可以在每次append元素之后先解绑,再重新绑定事件$(".inspec-result-down").unbind("click"); $(".inspec-result-down").click(function(){ $(this).toggleClass("active"); $(this).closest("li").find(".result-detail").toggle();})原创 2021-08-21 12:00:12 · 533 阅读 · 0 评论 -
js判断值是否为NAN
//判断是否是NANfunction isNaN(n) { if(n !== n) { return true; } else { return false; }}原创 2021-08-19 10:07:34 · 607 阅读 · 0 评论 -
js闭包使用
有时候我们在使用for循环操作变量赋值的时候,会发现莫名其妙的值都变成了最后一个的值。这种情况就是 因为我们的变量在使用的过程中被污染了,也就是被后面的值给覆盖了。那么为了解决这种情况,我们可以使用闭包。什么是闭包?闭包:即重用一个变量,又保护变量不被污染的一种机制。是指有权访问另一个函数作用域中的变量的函数。什么时候使用:只要即重用一个变量,又保护变量不被污染时。js使用闭包的案例:for(var i=1;i<=10;i++){ (function(num){ .原创 2021-08-17 11:52:20 · 605 阅读 · 0 评论 -
js根据值删除数组中的元素
function removeByVal(arrylist , val) { for(var i = 0; i < arrylist .length; i++) { if(arrylist [i] == val) { arrylist .splice(i, 1); break; } }}原创 2021-08-13 10:03:31 · 990 阅读 · 0 评论 -
js获取id后缀为指定字符串的全部元素
var dslist = $('div[id$=dsItem]');原创 2021-06-18 10:31:57 · 840 阅读 · 0 评论 -
layui下拉框赋值默认选中后如何触发下拉框点击事件
//获取页面加载时,默认的选中值var select = 'dd[lay-value="' + $('#1ds').val() + '"]';//模拟鼠标选中下拉项事件$('#1ds').siblings("div.layui-form-select").find('dl').find(select).click();原创 2021-06-18 10:10:33 · 1607 阅读 · 0 评论 -
js找出两个数组的不同内容
//找出两个数组的不同之处function getArrDifference(arr1, arr2) { return arr1.concat(arr2).filter(function(v, i, arr) { return arr.indexOf(v) === arr.lastIndexOf(v); });}原创 2021-06-17 16:43:50 · 2746 阅读 · 3 评论 -
layui下拉框始终向下展开
.layui-form-selectup dl { height: 192px; bottom: auto; }原创 2021-06-04 10:14:57 · 1712 阅读 · 0 评论 -
css控制页面缩放80%
body{ zoom:0.8; }原创 2021-06-02 09:28:16 · 2135 阅读 · 0 评论 -
js使用正则判断是否为数字(包括正数,0,负数)
varre=/^([0-9]+\.?[0-9]*|-[0-9]+\.?[0-9]*)$/;if(!re.test($.trim(input))){ return false;}else{ return true;}原创 2021-05-11 14:24:04 · 6536 阅读 · 0 评论 -
layui数据表格删除行
layui数据表格提供了obj.del()方法来删除行,但是这样删除之后,重新刷新表格之后,刚才删除的行又会重新显示,这是因为有缓存的问题,所以在删除行之后,还需要删除缓存,然后再使用删除后得到的数据去重新加载表格var rowIndex = $(obj.tr).attr('data-index');//当前行的索引 layui.table.reload('checkTasks', { page: { limit: Number.MAX原创 2021-05-08 14:32:18 · 6098 阅读 · 0 评论 -
js数组合并
var a = [1,2,3];a = a.concat([4,5]);console.log(a);//此处输出为 [1, 2, 3 ,4 ,5]原创 2021-05-07 13:41:41 · 116 阅读 · 0 评论 -
使用onclick方法移除元素后总是回到顶部解决办法
在方法后面加一个return flase即可解决<i class="layui-icon" style="float: right;font-weight: bolder;cursor:pointer;" onclick="removeRule('+newId+');return false">ဆ</i>原创 2021-04-29 11:56:23 · 305 阅读 · 0 评论 -
layui page设置为true,分页不显示
原因:记录查出来了,但是记录数count忘记设置导致count为0 当count为0时分页是不会出现的原创 2021-04-27 11:16:11 · 2563 阅读 · 2 评论 -
layui工具条toolbar换行显示
.layui-table-col-special .layui-table-cell { height:auto; overflow:visible; text-overflow:inherit; white-space:normal;}.layui-btn+.layui-btn { margin-left: 0px;}, done: function (res, curr, count) { // console.log(res.原创 2021-04-25 10:45:11 · 826 阅读 · 0 评论 -
layui 表格数据换行显示
.layui-table-cell { height:auto; overflow:visible; text-overflow:inherit; white-space:normal; }, done: function (res, curr, count) { // console.log(res) //解决操作栏因为内容过多换行问题 $(".layui.原创 2021-03-31 13:15:17 · 3100 阅读 · 0 评论 -
js获取一个对象下的所有键值
var obj = { user: 'asd', port: 3306, pwd: 123 }var keys = Object.keys(obj)console.log(keys);console.log("---------------------");原创 2021-03-24 17:49:35 · 960 阅读 · 0 评论