前端js深入理解
文章平均质量分 92
JavaScript深入理解底层知识
傲娇味的草莓
高中就读广东省前5的省重点高中
本科23年计算机专业刚毕业,拿到英国qs前100的硕士CS计算机offer
是gap year堆砌实习的留学生,24fall已拿悉尼大学(qs19)的CS(AI)硕士offer
展开
-
JS—节流与防抖
一、js防抖和节流在进行窗口的resize、scroll、输出框内容校验等操纵的时候,如果事件处理函数调用的频率无限制,会加重浏览器的负担,导致用户体验非常之差。那么为了前端性能的优化也为了用户更好的体验,就可以采用防抖(debounce)和节流(throttle)的方式来到达这种效果,减少调用的频率。二、为什么滚动scroll、窗口resize等事件需要优化滚动事件的应用很频繁:图片懒加载、下滑自动加载数据、侧边浮动导航栏等。在绑定scroll、resize事件时,但它发生的时候,它被触发的频率非原创 2022-04-01 23:25:43 · 45508 阅读 · 5 评论 -
彻底搞懂js事件循环机制/js异步编程
js难点事件循环/异步机制/异步编程一、知识储备 在学习前端的时候看过很多帖子讲js的运行机制、js异步编程的方式,说实话一看就忘,所以想自己整理一遍,以加深自己的理解。自己写过的东西即使是重复的,但至少在这个过程我也在思考和总结,也避免面试的时候被问到的时候支支吾吾说不出来,或者模糊的似懂非懂。首先深入理解js的异步机制,必须要先理解几个概念。Q1:什么是进程和线程?A1:这是操作系统的基本概念,忘记的回去复习操作系统。Q2:什么是同步和异步?A2:同步是调用一旦开始,调用者必须等到调用方原创 2022-03-24 00:55:11 · 2055 阅读 · 1 评论 -
JS深入理解闭包/作用域(scope)、作用域链/执行上下文和执行栈
前言:JavaScript深入理解scope作用域和闭包,就要先理解什么是执行上下文和执行栈。作用域、作用域链、闭包是JavaScript的难点也是重点,其实理解起来也不难,学习过其他语言,比如C语言就可以很好的类比。一 知识储备深入学习JavaScript程序内部的执行机制,就要彻底理解执行上下文和执行栈。了解一些专业概念EC:函数执行环境(或执行上下文),Execution ContextECS:执行环境栈,Execution Context StackVO:变量对象,Variable O原创 2021-10-27 17:42:44 · 1177 阅读 · 4 评论 -
js深入理解原型、原型链、继承
一、函数 函数原型 函数实例函数是function关键字声明的函数,函数原型有个原型链的概念,每个构造函数都是保存在原型中prototype,prototype是函数的原型,原型中有个constructor,函数前面加new 关键字,就是函数的实例化,生成的就是函数实例。1.函数函数是function关键字声明的函数,也就是fun函数本身,也叫做构造函数。在创建函数fun的时候,也会自动为它创建一个prototype属性,这个属性的作用就是用来指向函数原型(原型对象)。prototype可以理解为fu原创 2021-10-24 20:12:56 · 473 阅读 · 0 评论 -
js的this指向问题
JS深入理解执行上下文和执行栈/变量提升和函数提升一 知识储备深入学习JavaScript程序内部的执行机制,就要彻底理解执行上下文和执行栈。了解一些专业概念EC:函数执行环境(或执行上下文),Execution ContextECS:执行环境栈,Execution Context StackVO:变量对象,Variable ObjectAO:活动对象,Active Objectscope chain:作用域链二 执行上下文和执行栈1 什么是执行上下文?执行上下文是评估和执行jav原创 2021-05-11 10:59:54 · 374 阅读 · 0 评论