前端杂记
文章平均质量分 92
通过提早开始准备,来学习前端细碎的知识点,希望通过积累可以在最后拿到自己想要的offer
AntyRia
target:AI算法研发
展开
-
【深入JavaScript_笔记一_防抖与节流】
目录前言正文内容前言前言在前段日子,在内心的逼迫下跟着众多大佬的脚步,磨磨蹭蹭慢慢悠悠的学完了一些原生JavaScript底层的知识。产生了很多感触,编程技术太多了,写得出东西不代表真的掌握了,而理解一项技术的底层原理更加重要,只有了解了整个运行的过程,才能分析调优或者创新新的框架。正文内容前言...原创 2021-08-17 00:55:16 · 134 阅读 · 0 评论 -
【深入JavaScript日记十二】剖析继承的多种方式
目录前言正文内容原型链继承构造函数继承组合继承[常用]原型式继承寄生式继承寄生组合式继承[最高效]总结前言在之前的学习中总能看到继承这个词,今天就拿出来单独学习一下正文内容原型链继承 //父类 function Parent() { this.name = '小A同学'; this.age = 18; } //子类 function Child() { } //原型链继承 Child.prototy原创 2021-08-14 01:26:37 · 141 阅读 · 0 评论 -
【前端技术笔试排坑一】“符号间”的加法运算
目录前言正文内容总结前言这个东西来源在于本人开学推迟了之后呢,寻思着在家刚好可以去找个地方实习,因为刚刚结束大二,看了下相关岗位需求,因为计网还没学…只能去勉强试试前端开发,嗯然后投简历,hr筛选,被pass,简历,hr筛选,被pass…终于,有一家 hr 发来了线上测试通知!!!!,但是这毕竟是第一次找实习,稀里糊涂脑子一热凭借着脑子里知识的残留就直接开始线上考试,复习这事情直接抛到了脑后。主要考的方位有 JavaScript,html,数据结构,计算机网络,前端规范,ajax,vue 差不多这些原创 2021-08-11 23:51:50 · 211 阅读 · 0 评论 -
【深入JavaScript日记十一】剖析 类数组对象 和 arguments
目录前言正文内容类数组对象读写长度遍历类数组对象调用数组函数的办法argumentsarguments 转数组总结前言通过这段时间的学习,我们是时候详细的认识一下 类数组对象了,因为他在我们的使用中是比较频繁的,深入掌握这个可以有效提高我们写代码的效率。正文内容类数组对象拥有一个 length 属性和若干索引属性的对象比如这个: //数组 var array = ['name', 'age', 'sex']; //类数组 var Fake_array = {原创 2021-08-11 01:09:12 · 261 阅读 · 0 评论 -
【深入JavaScript日记十】解析、模拟 new 操作
目录前言正文内容关于 new 操作在规范中的规定剖析 new 操作的流程总结前言new 一个构造函数或类得到对应实例,是非常普遍的操作了。但是我们说实话并不熟悉这个“小黑盒”里究竟干了什么,所以我们这一次就来透彻的分析分析。正文内容关于 new 操作在规范中的规定说到 new ,从事过一些高级语言的朋友就会立刻想到 class 这个概念,但是在JavaScript 中,是一个比较尴尬的问题,翻了文档之后,发现ES6 以前是没有 class这个东西的,原先写代码大家就是约定俗成的那样去写,当作类来用原创 2021-08-10 12:16:20 · 213 阅读 · 0 评论 -
【深入JavaScript日记九】关于this的五种绑定
目录前言正文内容this 的默认绑定总结前言经过这段时间的学习,可以感觉得到自己对于 JavaScript 的理解也在逐渐深入底层,也逐渐开始了解到JavaScript 中的知识框架,而 this 这个东西在我前面的学习中占了很大的一部分时间,虽然看起来简单,但是其中蕴含的东西很深,之所以单独学习一下关于 this 的绑定方式,其一是因为 this 的知识太过于细碎而且灵活,其二是通过这一部分的学习加深对于 this 的理解。正文内容众所周知(其实是查资料得知),this 绑定有五种场景(默认绑定原创 2021-08-08 14:56:36 · 294 阅读 · 0 评论 -
【深入JavaScript日记八】bind的模拟实现
目录前言正文内容模拟实现尝试一尝试二尝试三尝试四总结前言在之前的学习中,我们详细分析并模拟实现了 call , apply 方法,这一次,我么详细学习一下 JavaScript 里另外一个比较重要的东西,就是 bind正文内容先上定义,来认识一下 bindMDN上是这样解释的:…bind() 方法会创建一个新函数。当这个新函数被调用时,bind() 的第一个参数将作为它运行时的 this,之后的一序列参数将会在传递的实参前传入作为它的参数。…乍一看,这又是一个操作 this 指向的方原创 2021-08-06 22:36:09 · 297 阅读 · 0 评论 -
【深入JavaScript日记七】call和apply的模拟实现
目录前言正文内容CallApplyCall 和 Apply 的差别手动模拟实现Call的模拟实现尝试一尝试二尝试三Apply 的模拟实现总结前言这一次,我们继续学习javaScript中另外两个东西,call和apply每个函数都包含两个非继承而来的方法:call()方法和apply()方法。正文内容Call首先搬出来它的定义call() 方法在使用一个指定的 this 值和若干个指定的参数值的前提下调用某个函数或方法。举个例子! window.color = 'red';原创 2021-08-05 21:22:36 · 176 阅读 · 0 评论 -
【深入JavaScript日记六】闭包及相关知识应用
目录前言正文内容总结前言学习了上下文的相关内容之后,我们继续跟着前辈们的思路学习。这一次,我们来探究一个新的东西,闭包。正文内容先来看看定义w3school闭包有函数和与其相关的引用环境的组合而成闭包允许函数访问其引用环境中的变量(又称自由变量)广义上来说,所有 JavaScript 的函数都可以成为闭包,因为 JavaScript 函数在创建时保存了当前的词法环境简单的理解就是 闭包是指那些能够访问自由变量的函数。好的,那自由变量是啥嘞。简单理解,就是你在自己家(当前作用域)原创 2021-08-04 15:34:20 · 108 阅读 · 0 评论 -
【深入JavaScript日记五】(阶段总结向)利用现有知识深入分析执行上下文
目录前言正文内容抛出问题详细分析总结前言在之前的部分里,我们花费了大量的力气,终于算是学习明白了每个执行上下文的三个重要属性:变量对象(Variable object,VO),作用域链(Scope chain),this,现在我们可以试着结合之前的上下文来更加深入地分析一下代码的执行过程了。正文内容抛出问题copy过来一道现成的题目var scope = "global scope";function checkscope(){ var scope = "local scope";原创 2021-08-04 01:03:23 · 65 阅读 · 0 评论 -
【深入JavaScript日记四】利用ECMAScript规范研究学习this指向
目录前言正文内容ECMAScriptReference类型GetBase方法IsPropertyReference方法如何确定this的值具体分析总结前言在第二节,我们深入学习了一下当js代码执行了一段可执行代码时,就会创建对应的上下文。对于每个上下文,都有:变量对象(Variable object,VO),作用域链(Scope chain),this这三个属性。在之前我们详细研究了变量对象,作用域链这一次我们着重看看this正文内容ECMAScript在了解this之前,我们根据其他大原创 2021-08-03 00:23:02 · 313 阅读 · 0 评论 -
【深入JavaScript日记三】作用域链
目录前言正文内容作用域作用域链函数创建最后前言在上一节,我们深入学习了一下当js代码执行了一段可执行代码时,就会创建对应的上下文。对于每个上下文,都有:变量对象(Variable object,VO),作用域链(Scope chain),this这三个属性。在上一节我们详细研究了变量对象这一次我们着重看看作用域链正文内容作用域先科普一下作用域通俗理解,作用域指的就是变量名能够起作用的区域(也就是说你声明的变量可以在哪些区域进行使用)。javascript中分为两种作用域:全局作用域原创 2021-07-23 00:32:43 · 139 阅读 · 0 评论 -
【深入JavaScript日记二】执行上下文栈和执行上下文
目录正文内容执行上下文和执行上下文栈执行上下文可执行代码全局代码函数代码eval代码(计算字符串长度)执行上下文栈执行上下文的重要属性------变量对象全局上下文函数上下文执行代码顺序进入执行上下文代码执行总结正文内容执行上下文和执行上下文栈先上两个例子 var A = function () { console.log('A'); } A(); // A var A = function () { console.log('B')原创 2021-07-18 00:26:12 · 122 阅读 · 1 评论 -
【深入JavaScript日记一】原型与原型链,词法作用域及动态作用域
目录开始前的碎碎念正文内容原型、原型链总结开始前的碎碎念计算机这门学科算是一门往前往后都看不到尽头的学科,我们能做的选择其中的一部分进行专精与深入,正所谓实力不足所以要提前开始准备,这样才能避开这个行业底层饱和中坚不足的现状,在最后拿到自己想要的offer,一起fighting!!正文内容原型、原型链//举一个例子!!!!!!!!!!!!!!!!!! function Animal (name) { this.name = name; } Animal.原创 2021-07-15 22:42:58 · 115 阅读 · 0 评论