![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
javascript
unither
这个作者很懒,什么都没留下…
展开
-
JS 的DOM 操作(Node节点获取及增删查改)
获取(太多了,有document.getElementById/ClassName/Name/TagName 等,或者 querySelector)// example// get Nodevar element = document.querySelector('#test');// 追加element.appendChild(Node);// 删除element.removeChild(Node);// 查找element.nextSibl...原创 2021-05-27 21:48:27 · 415 阅读 · 0 评论 -
说一下vue生命周期钩子函数有哪些,分别什么时候触发
vue生命周期即为一个组件从出生到死亡的一个完整周期,主要包括以下4个阶段:创建,挂载,更新,销毁创建前:beforeCreate, 创建后:created挂载前:beforeMount, 挂载后:mounted更新前:beforeUpdate, 更新后:updated销毁前:beforeDestroy, 销毁后:destroyed我平时用的比较多的钩了是created和mounted,created用于获取后台数据,mounted用于dom挂载完后做一...原创 2021-05-26 21:54:14 · 2214 阅读 · 0 评论 -
渐进增强和优雅降级之间的不同
渐进增强progressiveenhancement:针对低版本浏览器进行构建页面,保证最基本的功能,然后再针对高级浏览器进行效果、交互等改进和追加功能达到更好的用户体验。优雅降级gracefuldegradation:一开始就构建完整的功能,然后再针对低版本浏览器进行兼容。区别:优雅降级是从复杂的现状开始,并试图减少用户体验的供给,而渐进增强则是从一个非常基础的,能够起作用的版本开始,并不断扩充,以适应未来环境的需要。降级(功能衰减)意味着往回看;而渐进增强则意味着朝前看,同时...原创 2021-05-26 21:48:30 · 124 阅读 · 0 评论 -
函数柯里化(卡瑞化、加里化)?
概念:把接受多个参数的函数变换成接受一个单一参数(最初函数的第一个参数)的函数,并且返回接受余下的参数而且返回结果的新函数的技术。容易理解的概念:Currying概念其实很简单,只传递给函数一部分参数来调用它,让它返回一个函数去处理剩下的参数(主要是利用闭包实现的)。特点:①接收单一参数,将更多的参数通过回调函数来搞定;②返回一个新函数,用于处理所有的想要传入的参数;③需要利用call/apply与arguments对象收集参数;④返回的这个函数正是用来处理收...原创 2021-05-26 07:44:34 · 184 阅读 · 0 评论 -
this指向问题
this指向问题this是JavaScript语言的一个关键字,它是函数运行时,在函数体内部自动生成一个对象,只能在函数体内部使用。函数的不同使用场合,this有不同的值。总的来说this就是函数运行时所在的环境对象。情况一:纯粹的函数调用:这是函数的最通常的用法,属于全局调用,因此this就代表全局对象var x = 1;function test(){console.log(this.x);}test(); // 1情况二:作为对象方法...原创 2021-05-24 23:53:44 · 123 阅读 · 0 评论 -
call、apply、bind封装,介绍三者区别
call、apply、bind封装以及三者区别相同之处:改变函数体内 this 的指向。不同之处:call、apply的区别:接受参数的方式不一样。bind:不立即执行。而apply、call 立即执行。call方法第一个参数是要绑定给 this 的值,后面传入的是一个参数列表。当第一个参数为 null、undefined的时候,默认指向window。apply接收两个参数,第一个参数是要绑定给 this 的值,第二个参数是一个参数数组。当第一个参数为 null、undef..原创 2021-05-23 21:49:28 · 353 阅读 · 0 评论 -
VUE中.sync和v-model的区别
.sync和v-model的区别v-model 是 .sync的一种体现。.sync 比较灵活;v-model较单一v-model本质v-model本质上就是一个语法糖。相当于为父组件绑定了一个props与更新事件,当子组件数据更新时,实质上是调用了input事件来改变父组件的值: <!--父组件--> <template> <!--v-model 是语法糖--> <Child v-model=原创 2021-05-19 21:25:08 · 430 阅读 · 1 评论 -
数组常用方法
1、获取数组字符串toString();将数组转换成字符串语法格式:数组名.toString();数组元素间用逗号相隔,拼接成一个字符串join(分隔符);是将数组转换成字符串,元素之间用指定的分隔符隔开,注意分隔符是字符串形式语法:数组名.join(分隔符);2、连接数组将两个或更多个数组拼接为一个大的数组语法:数组名.concat(需要拼接数组列表);数组之间用逗号隔开注意:该方法不会改变原有数组,而是会拼接后产生一个新的数组3、获取子数组(数组的切割)就是用原有数组的部分元素组原创 2021-05-18 00:27:35 · 1414 阅读 · 0 评论 -
柯里化概念
柯里化概念把接收多个参数的函数变换成接收一个单一参数的函数(单一参数为多个参数中的第一个)函数柯里化思想:一个JS预处理的思想,降低通用性,提高适用性。特点:参数复用 需要输入多个参数,最终只需输入一个,其余通过arguments来获取提前返回 避免重复去判断某一条件是否符合,不符合则return 不再继续执行下面的操作延迟执行 避免重复的去执行程序,等真正需要结果的时候再执行function fn(){ console.log(this)}...原创 2021-05-11 08:05:27 · 97 阅读 · 0 评论