![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端笔记
文章平均质量分 87
Z Joker
生活百般滋味
人生需要笑对
展开
-
简洁的代码,详细的解释,每个前端er都要会的手写防抖功能。
手写防抖前言一、代码实现二、代码详解2.1 防抖函数的形参2.2 自由变量的定义2.3 闭包函数(防抖的实现)2.3.1 立即执行2.3.2 延迟定时器的设置2.4 取消函数的执行结语前言又是一年的金三银四,疯狂的手写剧情再度上演,接下来就让我们一起来实现下JavaScript的防抖功能。一、代码实现本篇文章主要讲解防抖的实现,所以这里对于防抖的原理不做解释。相信想要搜索代码实现的你已经对防抖有着一定的理解。const debounce = (fn, wait, immediate = false原创 2022-03-21 14:10:39 · 826 阅读 · 0 评论 -
JS的细节——void运算符,变量undefined
void运算符,变量undefined一、背景介绍二、提出问题三、void 运算符四、变量undefined五、总结一、背景介绍最近得得知了一个在线ES6转ES5的网站,就把之前手写的call方法拿来试用了一下在线的babel。function jCall(thisArg, ...args) { // 转换前的ES6 thisArg = thisArg ?? window ... ...}"use strict";function jCall(thisArg) { var _原创 2022-03-02 15:35:58 · 718 阅读 · 0 评论 -
让人哭笑不得,拍案惊奇的js一大难点——原型、原型链
手写bind前言一、原型二、构造函数Foo三、构造函数Function四、实现的详解4.1 获取需要调用目标function的对象4.2 获取被调用的目标function4.3 目标function参数的获取结语前言又是一年的金三银四,令人头疼的原型、原型链是否成为了你面试路程上的一大难关,今天我们就一起来分析下这个晦涩难懂的知识点。一、原型在js中每一个函数都有一个对象类型的属性叫做prototype,该属性在函数创建时由js引擎自动生成,被称作为显示原型。prototype包含一个不可枚举的属性原创 2022-02-25 17:24:21 · 475 阅读 · 0 评论 -
简洁的代码,详细的解释,每个前端er都要会的手写bind方法。
手写bind前言一、思路梳理二、bind方法的实现三、测试结果展示四、实现的详解4.1 获取需要调用目标function的对象4.2 获取被调用的目标function4.3 目标function参数的获取结语前言又是一年的金三银四,疯狂的手写剧情再度上演,接下来就让我们一起来实现下JavaScript里的bind函数。一、思路梳理在实现手写bind之前让我们先来梳理下bind函数的使用场景。通常我们在使用bind的时候,需要两个对象(所有的一切都是对象🙈):想要执行的function(我们假设叫原创 2022-02-24 10:17:01 · 678 阅读 · 0 评论 -
简洁的代码,详细的解释,每个前端er都要会的手写apply方法。
手写apply前言一、思路梳理二、apply方法的实现三、测试结果展示四、实现的详解4.1 获取需要调用目标function的对象4.2 获取被调用的目标function4.3 目标function参数的获取结语前言又是一年的金三银四,疯狂的手写剧情再度上演,接下来就让我们一起来实现下JavaScript里的apply函数。一、思路梳理在实现手写apply之前让我们先来梳理下apply函数的使用场景。通常我们在使用apply的时候,需要两个对象(所有的一切都是对象????):想要执行的funct原创 2022-02-22 14:02:52 · 1407 阅读 · 0 评论 -
简洁的代码,详细的解释,每个前端er都要会的手写call方法。
这里写自定义目录标题手写call一、思路梳理二、call方法的实现三、测试结果展示四、实现的详解4.1 获取需要调用目标function的对象4.2获取需要调用的目标function如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入手写call又是一年的金三银四,疯狂的手原创 2022-02-21 14:30:31 · 1038 阅读 · 0 评论 -
输入一个字符触发三次input事件,你不知道的JavaScript composition Event
情景描述 在做项目时第三方接口返回内容为按某固定分割符拼接的一个长的字符串,需要自己拆分每一项。正好最近在学Vue3,为了方便看每项内容打算写个拆分的前端脚本。事件描述 脚本打算不使用确定按钮完成拆分,用input事件完成自动拆分。在测试input事件的时候,突然发现一个神奇的现象。输入一个数字1结果调用了三次方法,当时整个人都懵了。发生了什么???问题描述 为了解决这一问题各种上网搜索办法,又各种测试,最后发现问题:我用了中文输入法,切换到英文输入法就不会这样。然后又是一脸懵,这和中英原创 2021-05-17 13:29:14 · 2371 阅读 · 3 评论