Laollaoaolao的博客

react中this指向问题

对于var定义变量和全局对象之间存在的误解说明

配置赛码网&vscode本地环境

走到handerClick，此时handerClick被重新创建，即handerClick指向了新的内存空间，值得注意的是：for循环接着往下走的时候，num所在的上下文并不是当前函数（新创建的函数），而是第一次初始化时创建的函数，而那个函数的上下文中，num永远都是0，所以console.log输出都是0。不论react对状态进行了什么处理,我们要知道的是,class组件是有状态的,他的状态会在组件生命周期中一直保存。的,每一次更新数据都会重新调用函数,生成新的函数执行上下文。...

题目:上面代码会输出什么？答案是:456为什么?这里牵扯到这几个知识点:对象的属性名类型对象的属性名类型只能有两种,分别是String和Symbol,如果新增的属性的类型不是两种中的任意一种,那么就会调用toString()方法将其转换成string类型[对象].toString()的结果设有一个对象obj,obj.toString()的结果是a.key和a[key]的区别假设有一个对象a执行a.key实际上会获取a中属性名为的属性,这里的是一个字符串,实际上就是获取a[‘key’]而执行a[key],

示例这道题的结果是什么?正确答案是这道题考察的是js赋值运算的过程我们以这个赋值运算为例,当我们执行这段代码时,js引擎的处理过程是这样的第4点的解释是这样的:那我们再回到示例题,解释一下示例代码的执行过程最终指向示例图如下所示总结:js入门很简单,但是深挖的话里面的细节确实挺多的,知识深度还是不太够...

这是我总结的前端学习思维导图需要请自取

图片懒加载原理:初始时给页面上的图片的src设置为空值或者javascript:;,给图片创建一个data-url属性,并将图片正确的url赋值给data-url属性,当图片到达浏览器视窗时,将data-url的值赋值给src属性,这样就达到了懒加载的目的;实现懒加载前需要注意:给html标签(当然其中就包括img)设置data-*属性,这个属性会被储存在dom的dataset属性中,它的属性名就是*(例如我给img标签设置data-url属性,那么可以在img元素内的dataset属性中找到名为

最近在复习js知识,看到了requestAnimationFrame这个API,就想着用这个API写一个小demo来练练手首先介绍一下这个API吧这是MDN文档的官方解释window.requestAnimationFrame() 告诉浏览器——你希望执行一个动画，并且要求浏览器在下次重绘之前调用指定的回调函数更新动画。该方法需要传入一个回调函数作为参数，该回调函数会在浏览器下一次重绘之前执行大概意思就是浏览器会在单位时间内不断地重新渲染(这里为了方便理解其实说的不准确,可以了解一下浏览器的重绘

这篇博客是对前端面试所必须掌握的知识点的总结,并且这篇博客正在持续更新中…1.JavaScript 基础1.执行上下文/作用域/闭包1.什么是执行上下文?执行上下文是评估和执行JavaScript代码环境的抽象概念。每当JavaScript代码在运行时，他都是在执行上下文中运行。执行上下文的类型JavaScript共有三种执行上下文类型全局执行上下文这是基础的上下文,任何不在函数内部的代码都在全局上下文中.他会执行两件事:创建一个全局的window对象(浏览器环境的情况下),并且设

前端动画实现最近实在太忙了,没有时间写博客,贴一波最近学的动画代码敷衍一下演示地址动画演示实现下述动画效果:控制小球匀速移动控制小球暂停控制小球动画终止控制小球动画倒序播放控制小球速度<script> function animate({easing,draw,duration}){//动画函数 let start = performance.now(); let speed = 1 //倍速 //动画状态 let state = 'canc

1.取整数1.parseIntlet num = 3.75;console.log(parseInt(num)); // 3num = -3.75;console.log(parseInt(num)); // -3用parseInt取整数，结果是没问题的，但是如果严格来说，其实parseInt并不是设计用来取整数的。???????? 知识点：parseInt(string, radix)``这个方法是一个将字符串转换为整数的方法，它有两个参数，第一个参数表示要转换的字符串，如果参数不是一个

我们可以思考我们所学的数学知识无穷大和无穷大-1应该怎么比较?按照极限的思想,无穷大与无穷大-1应该是相等的,因为无穷大不能用来表示一个具体的数在JavaScript中，整数可以被精确表示的范围是 -2 * 53 + 1* 到 2 * 53 - 1*，即 -9007199254740991 到 9007199254740991。超过这个数值的整数，都不能被精确表示。所以当数字超过这个范围时,js会讲这个数定义为无穷大或者无穷小正负infinity在js中,Infinity是一个Number类

回调函数解释:回调函数就是我们在调用一个函数或者API时，向其传递一个函数作为参数供其调用使用场景:对于异步API，例如ajax请求等操作我们可以使用回调函数，等待请求拿到数据后在执行后面的操作示例:function fun1(){ const x=1,y=2 add(x,y,function(data){ console.log(data) })}//callback就是fun1传递过来的回调函数function add(x1,y1,callback

es6中的模块导入方法与node中的区别node中的导入导出方式是:导入:requirerequire('./xxx')var add = require('./main')console.log(add.add(1,2));console.log(add.obj.a);导出:exports module.exportsexport.a=1module.exports.a=1function add(x,y){ return x+y}let obj = {