![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
javaScript
辣条小哥哥
生活不易,请继续努力,在未来的路上,愿你步伐坚定且内心温柔
展开
-
正则表达式不包含特殊字符
1-8个字!不能包含特殊字符/^((?!\\|\/|:|\*|\?|<|>|\||'|%|@|#|&|\$|\^|&|\*).){1,8}$/原创 2021-09-26 16:31:38 · 8473 阅读 · 2 评论 -
使用iframe实现视频监控
iframe一般用来包含别的页面,例如我们可以在我们自己的网站页面加载别人网站的内容iframe常用属性:1.frameborder:是否显示边框,1(yes),0(no)2.height:框架作为一个普通元素的高度,建议在使用css设置。3.width:框架作为一个普通元素的宽度,建议使用css设置。4.name:框架的名称,window.frames[name]时专用的属性。5.scrolling:框架的是否滚动。yes,no,auto。6.src:内框架的地址,可以使页..原创 2021-08-01 15:50:30 · 1442 阅读 · 0 评论 -
JS的定时器的setTimeout和setInterval
setTimeout和setInterval都属于JS中的定时器,可以规定延迟时间再执行某个操作,不同的是setTimeout在规定时间后执行完某个操作就停止了,而setInterval则可以一直循环下去。setTimeout只在指定时间后执行一次,代码如下:<script> function hello() { console.log("hello"); } var t1 = setTimeout(hello, 100); //使用方法名字执行方法 var t2 = setTi原创 2021-08-01 11:00:40 · 1131 阅读 · 0 评论 -
js中,双问号??和双竖杠||的区别
js中,双问号??和双竖杠||的区别:它们的共同特点是语法一样,前面是值,后面也是值,中间是符号;都是根据前面的值来决定到底取前面还是取后面。双竖杠||,只要前面的值转为布尔值为false时,就取后面,否则取前面,如undefined、null、false、空字符串和数值0而双问号则为:前面的值为null、undefined,则取后面的值,否则都取前面的值。由此可以发现,双问号??更加适合在不知道变量是否定义时,或者是否赋值时的场景来使用。...原创 2021-05-17 16:31:59 · 650 阅读 · 0 评论 -
面向对象
面向对象是一种思想,是基于面向过程而言的,就是说面向对象是将功能等通过对象来实现,将功能封装进对象之中,让对象去实现具体的细节;这种思想是将数据作为第一位,这是对数据一种优化,操作起来更加的方便,简化了过程。Js本身是没有class类型的,但是每个函数都有一个prototype属性,prototype指向一个对象,当函数作为构造函数时,prototype就起到类似于class的作用面向对象有三个特点:封装(隐藏对象的属性和实现细节,对外提供公共访问方式),继承(提高代码复用性,继承是多态的原创 2021-05-12 16:13:42 · 86 阅读 · 0 评论 -
ajax发送请求的四个步骤
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <button id="btn">点击</button> </body> <script type="text/javascript"> window.onload = fu原创 2021-04-26 16:44:53 · 409 阅读 · 0 评论 -
js代码实现浏览器复制的功能
/** * @description: 复制 */ copyScript() { let url = this.datas; let oInput = document.createElement("input"); oInput.value = url; document.body.appendChild(oInput); oInput.select(); // 选择对象; document.execCom原创 2021-04-25 17:20:48 · 303 阅读 · 0 评论 -
指定字符串 溢出显示省略号
/** * @description: 指定字符串 溢出显示省略号 */export const getSubStringSum = function(str, num){ let newStr; if (str) { str = str + ""; if (str.trim().length > num) { newStr = str.trim().substring(0, num) + "..."; } else {原创 2021-03-25 10:26:22 · 113 阅读 · 0 评论 -
ES6之Object.assign()
Object.assign()方法可以接收多个参数,第一个参数是目标对象,后面的都是源对象,assign方法将多个源对象的属性和方法都合并到了目标对象上面,如果在这个过程中出现同名的属性(方法),后合并的属性(方法)会覆盖之前的同名属性(方法)。const target = { a: 1 };const source1 = { b: 2 };const source2 = { c: 3 };Object.assign(target, source1, source2);target // {原创 2021-03-23 11:50:08 · 306 阅读 · 0 评论 -
js实现页面复制功能
// 复制 copy(value) { let value = value; let oInput = document.createElement("input"); oInput.value = value; document.body.appendChild(oInput); oInput.select(); // 选择对象; // console.log(oInput.value) document.execC原创 2021-03-08 11:34:47 · 589 阅读 · 0 评论 -
删除数组里面的某一个值
Array.prototype.remove = function(val) { var index = this.indexOf(val); if (index > -1) { this.splice(index, 1); } };var emp = ['zz','zs','zy','ze']emp.remove('ze');console.log(emp);原创 2021-01-29 16:59:41 · 1691 阅读 · 0 评论 -
indexOf方法和includes方法
includes和indexOf相比较:相同点:二者所传的参数是一样的,第一个参数传要判断的元素,第二个参数传开始检索的下标位置不同点:返回值不同1、indexOf:返回的是元素的所在下标,如果不存在则返回-1优点:元素存在可获取到元素的位置缺点:(1)无法判断是否有NaN的元素(2)返回的值不够语义化,需要我们进行处理2、includes:返回一个Boolean值,有:true,没有:false优点:(1)可判断NaN元素(2)返回值十分语义化,不需要再次处理缺点:无法获取元素的下标.原创 2020-12-28 15:47:42 · 1752 阅读 · 0 评论 -
ES6---箭头函数
1.箭头函数与function定义函数的写法://functionfunction fn(a, b){ return a + b;}//arrow functionvar foo = (a, b)=>{ return a + b };2.this的指向:使用function定义的函数,this的指向随着调用环境的变化而变化的,而箭头函数中的this指向是固定不变的,一直指向的是定义函数的环境。<!DOCTYPE html><html> <head原创 2020-11-06 18:35:45 · 179 阅读 · 0 评论 -
深入理解JS闭包
什么是闭包闭包是指有权访问另一个函数作用域中的变量的函数。outer() { var a = '变量1' var inner = function () { console.log(a) } inner() // inner 就是一个闭包函数,因为他能够访问到outer函数的作用域},...原创 2020-11-04 16:25:26 · 98 阅读 · 0 评论 -
JavaScript中的iterable
遍历Array可以采用下标循环,遍历Map和Set就无法使用下标。为了统一集合类型,ES6标准引入了新的iterable类型,Array、Map和Set都属于iterable类型。// for ... of循环是ES6引入的新的语法 var a = ["A", "B", "C"]; var s = new Set(["A", "B", "C"]); var m = new Map([ [1, "x"], [2, "y"], .原创 2020-11-03 18:30:52 · 640 阅读 · 0 评论 -
es6新增数据结构Set的用法
特性:似于数组,但它的一大特性就是所有元素都是唯一的,没有重复。我们可以利用这一唯一特性进行数组的去重工作。Set本身是一个构造函数,用来生成 Set 数据结构。Set函数可以接受一个数组作为参数,用来初始化。// 例一const set = new Set([1, 2, 3, 4, 4]);[...set]// [1, 2, 3, 4]// 例二const items = new Set([1, 2, 3, 4, 5, 5, 5, 5]);items.size // 5/.原创 2020-11-03 18:02:48 · 206 阅读 · 0 评论 -
es6新增数据结构Map和Set的用法
一般用法为:map和forEach等遍历方法不同,在forEach中return语句是没有任何效果的,而map则可以改变当前循环的值,返回一个新的被改变过值之后的数组(map需return),一般用来处理需要修改某一个数组的值。 let arr1 = [1, 2, 3]; let arr2 = arr1.map((value, key, arr) => { console.log(value); // 1,2,3 console.log(key);原创 2020-11-03 16:25:58 · 263 阅读 · 0 评论 -
js删除数组最后一个元素
truncate(arr) { return arr.filter(function(v, i, ar) { return i !== ar.length - 1 })},原创 2020-10-22 10:04:02 · 2683 阅读 · 0 评论 -
字符串截取的三种方式!
slice()、substring()、substr()的相同点:这三个方法都是返回被操作字符串的一个子字符串,就是返回一个新的字符串。1、都是接受一个参数或者两个参数2、第一个参数是指定字符串的开始位置3、第二次参数(在指定的情况下)表示字符串到哪里结束4、如果没有第二个参数,则将字符串结束的未位作为结束位置区别:slice()和substring()第二个参数指定的是字符串最后一个字符后面的位置;substr()第二个参数指定返回的字符串个数;slice() 会将所有的负数于字符串的长原创 2020-10-13 09:59:55 · 2108 阅读 · 0 评论