javascript
试图让你心动
本人从事前端,不断积累经验,学习新的技术。
一个宝藏博主,值得喜欢!
展开
-
解构赋值的理解
解构赋值就是允许你从数组或对象中提取值,并将这些值直接赋给一个或多个变量。这种语法使得从复杂数据结构中提取数据变得更加简洁和灵活,提高了代码的可读性和可维护性。原创 2024-08-29 14:49:47 · 396 阅读 · 0 评论 -
js中match方法是什么 常用在哪?和谁一起用更快速简洁
数组的第一个元素是匹配文本本身,其余元素是与正则表达式中的捕获组匹配的文本。请在这里看 输入框输入23.2的时候没有打印 当输入23.24的时候打印出来的是一个数组 按照上述所说第一个是元素本身index表示匹配文本在字符串中的起始位置,input表示对原始字符串的引用 是不是就是 当我打印出来有东西的时候让input的数据一直等于第一个参数 就是元素的本身就好了。match方法是JavaScript中字符串对象的一个方法,用于在字符串中查找与正则表达式匹配的内容,并将匹配项作为数组返回。原创 2024-08-29 14:41:05 · 257 阅读 · 0 评论 -
如何使用jq实现bootstrapTable以及使用其他搜索框控制bootstrapTable中的搜索
如上图 点击查询 需要在 bootstrap-table.js中新写入的自定义搜索方法 如果不想用自带的搜索 可以点击按钮触发将搜索字段改为新写的搜索框内容。官网链接:https://f4nniu.gitee.io/bootstrap-table-home/zh-cn/getting-started/先找到js文件里面的resetSearch 方法 在下面写入新方法。原创 2023-03-06 17:55:54 · 1323 阅读 · 0 评论 -
select2如何使用?
由于服务器压力,如果数据多 会造成服务器卡顿 下拉搜索如何变成远程搜索来解决服务器压力 这就可以使用select2。select2与一般的select的数据有差异,它需要特定的格式。原创 2023-03-06 17:35:09 · 492 阅读 · 0 评论 -
js基础学习知识(持续更新)
1.数据类型基本数据类型(string,undefined,null,Boolean,Number)复杂数据类型(Object)2.typeof操作符 不是函数区分函数和其他对象3.一元操作符只能操作一个值递增var age=25; ++25和 递减var age=25; --254.do-while语句后测试循环御酒 只有在循环体中的代码执行之后 才会测试出口条件var i = 0; do{ i+=2 }while(i&原创 2022-03-09 17:33:53 · 927 阅读 · 0 评论 -
时间戳---<转换>---时间 须知
dateFormatTime(v) { const dt = new Date(v); // 年份 const y = dt.getFullYear(); // 月份是从0开始的所以这儿加1,后面不足两位就补0,所以把前面加上引号变成字符串才可以补足 // padStart(2,'0'),第一位总长度多少位,第二个不足多少位用这个字符来填充 const m = (dt.getMonth() + 1 + '').padStart(2, '0'); ...原创 2022-03-11 10:30:00 · 243 阅读 · 0 评论 -
对数组中每个对象中含有普通时间转换成标准时间进行排序[封装函数]
var arr = [ {name:'one',times:'2022-01-02 12:22:13'}, {name:'two',times:'2022-01-03 12:22:13'}, {name:'three',times:'2022-01-02 15:21:13'}] // 正序 传入排序的参数 以及是否是标准时间 let date; for(var i=0; i<arr.length; i++){ da原创 2022-01-10 19:30:00 · 236 阅读 · 0 评论 -
计时器settimeout 转时间 去进行排序[正序/倒序]
模拟一个数组包对象 var arr = [ {name:'one',times:'00:10:00'}, {name:'two',times:'00:11:12'}, {name:'three',times:'00:05:45'}] //错误写法 直接排序的话是实现不了的 arr.sort(function(a,b){ return b.times - a.times })原创 2022-01-10 14:05:03 · 365 阅读 · 0 评论 -
检测数组中对象有重复的名字的话 在名字后面(1) 随着num走
<script> var a = [{name:'叙利亚'},{name:'太极'},{name:'叙利亚'},{name:'太极'},{name:'叙利亚'}] console.log(a) function unique(arr){ arr.forEach(item => { item.num = 0 }); for (var i =原创 2021-12-24 10:00:00 · 252 阅读 · 0 评论 -
js下载excel创建一个a标签
var a = document.createElement('a'); // 获取文件名fileName a.download = this.chartTitle+'.xlsx'; //文件名加类型 a.href = process.env.VUE_APP_BASE_PROXY+response.path; //下载地址 document.body.appendChild(a); a.click();原创 2021-12-23 14:59:41 · 725 阅读 · 0 评论 -
深拷贝与浅拷贝的区别以及如何使用实现方案
话不多说,咋们先来谈谈它俩的区别????浅拷贝只是增加了一个指针指向已存在的内存地址,仅仅是指向被复制的内存地址,如果原地址发生改变,那么浅复制出来的对象也会相应的改变。深拷贝是增加了一个指针并且申请了一个新的内存,使这个增加的指针指向这个新的内存。如何区分深拷贝与浅拷贝,简单点来说,就是假设B复制了A,当修改A时,看B是否会发生变化,如果B也跟着变了,说明这是浅拷贝,拿人手短,如果B没变,那就是深拷贝,自食其力。浅拷贝的实现方案1.Object.assign() // 把任意多个源对象自身原创 2021-09-29 10:23:31 · 658 阅读 · 0 评论 -
js如何获取某个元素的滚动高度以及距离顶部的高度以及宽度
获取浏览器显示区域(可视区域)的高度 : $(window).height(); 获取浏览器显示区域(可视区域)的宽度 :$(window).width(); 获取页面的文档高度 $(document).height(); 获取页面的文档宽度 :$(document).width(); 浏览器当前窗口文档body的高度: $(document.body).height();浏览器当前窗口文档body的宽度: $(document.body).width();获取原创 2021-09-16 13:58:47 · 2338 阅读 · 0 评论 -
document.getElementById()获取值打印为null?解决问题
js文件在head标签里或者在div上面的位置时获取不到id的内容,这是由于加载顺序问题,html文档是从上往下加载,而不会全部加载后再执行js代码,因此导致get不到节点的信息解决方案1.在body标签下引入js文件2.将js代码加一个onload函数????1.在body标签下引入js文件 window.onload = function(){ var showid = document.getElementById("span"); console.log(showid)原创 2021-09-15 16:33:56 · 1961 阅读 · 0 评论 -
利用构造函数写js往空页面添加两个切换弹窗页面[保存成功/保存中...]
1、什么是构造函数在 JavaScript 中,用 new 关键字来调用的函数,称为构造函数。构造函数首字母一般大写构造函数会有以下几个执行过程:(1) 当以 new 关键字调用时,会创建一个新的内存空间,标记为 Animal 的实例。(2)函数体内部的 this 指向该内存(3) 执行函数体内的代码通过上面的讲解,你就可以知道,给 this 添加属性,就相当于给实例添加属性。(4) 默认返回 this由于函数体内部的this指向新创建的内存空间,默认返回 this ,就相当于默认返回了原创 2021-08-10 10:20:41 · 273 阅读 · 0 评论 -
js截取url参数
var errTxt = getUrlQuery('error') || '无法访问'; var errDom = document.getElementById('error_text'); errDom.innerHTML = errTxt; function getUrlQuery(name) { var reg = new RegExp('(^|&)' + name + '=([^&]*)(&...原创 2021-07-20 14:57:14 · 158 阅读 · 0 评论