![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
文章平均质量分 50
Kratial
前端学习,删繁就简
展开
-
js的两个归并数组的方法
1.reduce():实例:var num=[1,2,3,4,5];var result=num.reduce(function(pre,cur,index,array){ return pre+cur;});console.log(result);//运行结果:15解释:(1)第一次执行回调函数时,pre是1,cur是2,(2) 第二次pre是3(1加2的结果)...原创 2018-10-01 23:11:43 · 394 阅读 · 0 评论 -
js中的5个迭代方法
1.every()方法:实例:var a=[1,2,3,4,5,4,3,2,1];var result=a.every(function(item,index,array){ return (item>2) }console.log(result)运行结果:false2.some()方法:实例:var a=[1,2,3,4,5,4,3,2,1];var res...原创 2018-10-01 21:10:26 · 1646 阅读 · 0 评论 -
箭头函数和常规函数的区别
函数类别区别一区别二区别三箭头函数this指向取决于父级的this指向没有arguments对象无法使用new进行实例化,构造函数没有prototype属性常规函数this指向取决于函数执行时的调用者补充:在对象中setTimeoute和setInterval中调用的匿名函数this指向问题,想要让this指向当前的对象,就需要借助箭头函数。示例如下: var obj={ a:function(){ ...原创 2020-09-07 19:25:33 · 240 阅读 · 1 评论 -
关于原型链与继承
1.原型、原型链、继承的概念(1)每个构造函数都有一个原型对象,原型对象都包含指向构造函数的指针,而实例都包含一个指向原型对象的内部指针(__proto__);(2)一个对象会指向一个原型,原型对象会有自己的原型,以此类推,构成原型链。(3)实例使用方法和属性时,会先从构造函数内部找,找不到再去原型对象上找,还找不到就去原型对象的原型上找,直到(原型对象的原型为null)Object.prototype.proto===null,停止查找.(4)继承是指能够访问另外一个对象中的方法和原创 2020-08-28 18:28:33 · 954 阅读 · 0 评论 -
NaN是什么数据类型
typeof NaN结果是:“number”isNaN()返回值是布尔值用于判断一个值是否是一个数字,是则返回false,否则返回true原创 2020-09-26 15:35:07 · 3304 阅读 · 0 评论 -
后端返回图片的文件流,前端实现直接下载
在每次调用 createObjectURL() 方法时,都会创建一个新的 URL 对象,即使你已经用相同的对象作为参数创建过。静态方法会创建一个 DOMString,其中包含一个表示参数中给出的对象的 URL,这个新的 URL 对象表示指定的 File 对象或 Blob 对象。更多关于URL对象的信息请参考: https://developer.mozilla.org/zh-CN/docs/Web/API/URL。原创 2023-04-12 18:10:27 · 969 阅读 · 0 评论 -
scrollTo() 无效问题处理
scrollTo无效问题处理原创 2023-02-02 14:50:54 · 6556 阅读 · 0 评论 -
h5页面中对于scrollIntoView的应用实例
scrollIntoView实际应用的案例原创 2022-11-08 17:35:06 · 471 阅读 · 0 评论 -
js,css控制元素全屏展示
全屏展示原创 2022-07-13 17:44:14 · 751 阅读 · 0 评论 -
js关于文件的读取
文件的读取--FileReader原创 2022-07-12 18:28:09 · 2097 阅读 · 0 评论 -
单文件上传
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>单个图原创 2021-04-20 15:28:53 · 117 阅读 · 0 评论 -
原生js实现刮刮奖的功能
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doc原创 2021-03-22 19:00:16 · 337 阅读 · 2 评论 -
原生js实现放大镜
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doc原创 2021-02-19 16:21:46 · 149 阅读 · 0 评论 -
proxy与Object.defineProperty
1.proxy名称:代理作用:外界访问目标对象时,添加的一层拦截。如何使用:(Proxy 支持的拦截操作一共 13 种,当handler={}时,就相当于正常的对象操作流程,没有拦截处理这一层)。var obj={ name:"易洋千玺", skill:"can do anything"}var handler={ set(target,key,value){ target[key]=value; }, get(target,key){ if(key=="na原创 2020-11-15 15:46:54 · 211 阅读 · 0 评论 -
关于class类与ES5中的构造函数的对比
1.ES5构造函数问题:继承中父类与子类的书写是否有先后顺序的要求:没有function Son(name){ this.name=name?name:"tony";}function Father(tag){ this.tag=tag?tag:"no useful data"; this.skill=function(){console.log("try everything you wantt");}}Father.prototype.do=function(){ c原创 2020-11-11 23:24:14 · 214 阅读 · 0 评论 -
常见的操作字符串的方法
方法参数返回值作用例charAt()索引值返回索引所处位置的字符用于获取指定位置的字符var s="hello"; var a=s.charAt(0) //a的值是htoLowerCase()无参数转换后的字符串把字符串转换成小写省略toUpperCase()无参数转换后的字符串把字符串转换成大写省略substr ()有两个参数,第一个必须选,表示开始的下标,第二个可选,表示要截取的数量返回截取的字符串获取从指定下表开始,固定数目的字...原创 2020-10-29 18:19:39 · 265 阅读 · 0 评论 -
在js中如何判断当前浏览器处于标准模式还是兼容模式?
借助于document.compatMode属性;BackCompatCSS1Compatj兼容模式标准模式原创 2020-10-27 17:01:03 · 1340 阅读 · 2 评论 -
记录关于元素大小和各种偏移量的区分
1.偏移量大小:offsetParent :(1)元素设置absolute,relative的情况话,offsetParent指的就是父级节点(2)默认文档流或者float的情况下,offsetParent 是html;得到一个相对精准值的办法: function f(elem){ var totalLeft=elem.offsetLeft, cur=elem.offsetParent; while(cur!==null){ cur=cur.offsetLeft;原创 2020-10-21 16:32:39 · 290 阅读 · 0 评论 -
前端四种请求方式的处理,以及node端如何获取到前端发送的请求(本文借助的fetch来进行交互)
<body> <button class="item1">fetch get请求</button> <button class="item2">fetch params请求</button> <button class="item3">post请求</button> <button class="item4">formData 请求</button></body原创 2020-10-21 11:36:20 · 572 阅读 · 0 评论 -
call,apply,bind
共同点:1.都有两个参数,第一个参数用于改变this指向,第二个是要传的具体数据2.都用于改变当前对象的作用环境不同点:1. bind()方法调用后的到的是函数,需要再调用一遍。且bind方法绑定this指向后,无法再通过call或apply进行修改。2.call第二个参数需要一个个列出来,apply传递的是一个数组,bind与call传递的参数一样。实例如下: var obj1={ name:'tom' }; var obj2={ .原创 2020-10-14 09:58:40 · 115 阅读 · 0 评论 -
事件流、事件冒泡,事件捕获,事件委托
一、事件流1.概念描述:事件流包括三个阶段:事件捕获阶段、处于目标阶段、事件冒泡阶段。首先发生的是事件捕获,为截获取事件提供流机会。其次是实际的目标接收到事件,最后是冒泡阶段,可以在这个阶段为事件作出响应。2.实例描述:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=devic原创 2020-09-17 11:49:13 · 965 阅读 · 0 评论 -
正则表达式中test,exec,match的总结
方法名参数返回值描述test要匹配的字符串布尔值有匹配的值则返回true,否则返回falsematchreg(要匹配的正则表达式)数组全局匹配:返回匹配到的所有项; 非全局匹配:返回匹配到的第一项;没有匹配到返回null,exec要匹配的字符串数组全局匹配:返回本次匹配到的选项,下一次再匹配返回的是上一次匹配的下一项,以此类推,没有匹配到返回null; 非全局匹...原创 2020-09-07 17:24:51 · 217 阅读 · 0 评论 -
js中常见的改变原数组的方法
归纳:push(), pop(), shift(), unshift(), reverse(),sort(),splice()具体解释:(1)pop()------------->删除数组的最后一个元素,并返回var s1=['s',1,4,9,0,1]let mm=s1.pop();console.log(s1); //["s", 1, 4, 9, 0]console.........原创 2019-03-01 15:49:15 · 10271 阅读 · 1 评论 -
查找一个字符串中出现频率最高的字符
代码:let a='hhhhweeowiohhhlbbccdd'; a=a.split(''); // console.log(a instanceof Array); function findRes(){ let result=[]; let max=0; let str=''; //该循环是为了找到各个字...原创 2018-10-07 20:28:43 · 1919 阅读 · 0 评论 -
字符串查询相关问题
问题:给定两个字符串,请找出两个字符串中重叠的字符,并输出重叠的次数解决方案一:<script> let s1='helloword'; let s2='helloTom'; function s() { let result = []; let final=[];//表示最终我们要的结果 //下面这个循环的...原创 2018-10-07 19:09:40 · 229 阅读 · 0 评论 -
查询一个字符串中某个字符重复出现的次数
代码:let a=prompt("请输入一个字符串",""); let search; //console.log(typeof a); function findChar(item,s){ let re=new RegExp(item,"ig"); let len=s.match(re).length; console.l...原创 2018-10-07 18:25:08 · 4604 阅读 · 0 评论 -
try-catch运行机制(同步)
1.分析:try{ //抛出异常,或错误 } catch{ //这里用于捕获,并处理异常。 }2.实例:try{ console.log("s"); throw 'errow'; }catch(e){ console.log(e); }运行结果为:serrow...原创 2018-10-12 14:43:43 · 1848 阅读 · 0 评论 -
关于DocumentFragment类型
前言:DOM规定文档片段(document fragment)是一种 &quot;轻量级&quot;的文档,可以包含和控制节点,但是不会像完整的文档那样占用额外的资源。 虽然不能把文档片段直接添加到文档中,但可以将它作为一个&quot;仓库&quot;来使用(即可以在里面保存将来可能会添加到文档中的节点)。具体用法:创建文档片段:document.createDocumentFragment()方法实例:原创 2018-10-03 23:41:32 · 304 阅读 · 0 评论