![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Javascript
VHotdog
这个作者很懒,什么都没留下…
展开
-
双向绑定实现,vue篇
大家好,我是热狗得小舔狗!给大家分享一下,如何自己封装一个Vue实例。看图!!!<body> <div id="app"> <input type="text" v-model="count"></input> <ul> <li>{{count}}</li> <li>{{count}}</li> <li>{{count}}</li>原创 2020-12-12 21:59:17 · 98 阅读 · 0 评论 -
上手filter map reduce方法
大家好没, 我是热狗得小舔狗!ES6高级数组函数:filter map reduce方法都是对数组进行操作。及其方便,也很好理解。下面是我整理的资料,希望对你有所帮助!!目录filter()方法简介及解析map()方法简介及解析reduce()方法简介及解析reduce()方法扩展:总结filter()方法简介及解析filter(过滤):顾名思义它就是返回你需要的元素官方介绍:filter() 方法创建一个新的数组,新数组中的元素是通过检查指定数组中符合条件的所有元素。该方法有两点需要原创 2020-11-30 14:33:52 · 97 阅读 · 0 评论 -
箭头函数this独有心得
大家好, 我是VHotdog,热狗的小舔狗。箭头函数具体用法介绍实例箭头函数this指向问题栗子再来个栗子注意扩展:es6 扩展运算符 三个点(...)ES6标准新增了一种新的函数:Arrow Function(箭头函数)。为什么叫Arrow Function?因为它的定义用的就是一个箭头:先康一下它的样子:const fn = function(x) { return x * x; }等价于: const fn = x => x*x; }what`s F!这箭头函数看着也原创 2020-11-29 20:12:51 · 158 阅读 · 0 评论 -
(let var)+for const区别
在es6的语法中,新增const,let去替代var。那么这样做的目的是什么呢,他有什么好处?在es5中,只有全局变量和函数作用域,没有块级作用域,带来了很多不合理的场景。以前大部分都会选择闭包解决这个问题,今天es6提供的let就可以解决这个问题,因为他拥有块级作用域了。一:Var变量<!DOCTYPE html><html lang="en"><head> <script> window.onload = function原创 2020-11-29 15:21:05 · 151 阅读 · 0 评论 -
call apply分分钟让你上手
call,apply,bind的用法以及区别首先作用: call()、apply()、bind() 都是用来重定义 this 这个对象的!没别的,2. 用法举例 var name = 'mafei', age = 18 var obj = { name = 'hotdog', myFun:function () { console.log(this.name) //hotdog //此时this是指obj对象 } }...原创 2020-11-26 15:00:01 · 87 阅读 · 0 评论 -
JS防抖和节流个人心得
JS防抖和节流在进行窗口的resize、scroll,输入框内容校验等操作时,如果事件处理函数调用的频率无限制,会加重浏览器的负担,导致用户体验非常糟糕。此时我们可以采用debounce(防抖)和throttle(节流)的方式来减少调用频率,同时又不影响实际效果。函数防抖函数防抖(debounce):当持续触发事件时,一定时间段内没有再触发事件,事件处理函数才会执行一次,如果设定的时间到来之前,又一次触发了事件,就重新开始延时。如下图,持续触发scroll事件时,并不执行handle函数,当1000.原创 2020-11-26 13:04:44 · 180 阅读 · 0 评论