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 · 105 阅读 · 0 评论 -
上手filter map reduce方法
大家好没, 我是热狗得小舔狗! ES6高级数组函数:filter map reduce方法都是对数组进行操作。及其方便,也很好理解。下面是我整理的资料,希望对你有所帮助!! 目录filter()方法简介及解析map()方法简介及解析reduce()方法简介及解析reduce()方法扩展:总结 filter()方法简介及解析 filter(过滤):顾名思义它就是返回你需要的元素 官方介绍: filter() 方法创建一个新的数组,新数组中的元素是通过检查指定数组中符合条件的所有元素。 该方法有两点需要原创 2020-11-30 14:33:52 · 159 阅读 · 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 · 256 阅读 · 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 · 175 阅读 · 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 · 91 阅读 · 0 评论 -
JS防抖和节流个人心得
JS防抖和节流 在进行窗口的resize、scroll,输入框内容校验等操作时,如果事件处理函数调用的频率无限制,会加重浏览器的负担,导致用户体验非常糟糕。此时我们可以采用debounce(防抖)和throttle(节流)的方式来减少调用频率,同时又不影响实际效果。 函数防抖 函数防抖(debounce):当持续触发事件时,一定时间段内没有再触发事件,事件处理函数才会执行一次,如果设定的时间到来之前,又一次触发了事件,就重新开始延时。如下图,持续触发scroll事件时,并不执行handle函数,当1000.原创 2020-11-26 13:04:44 · 206 阅读 · 0 评论