自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

孤佣

别回头,时代在改变。

  • 博客(7)
  • 收藏
  • 关注

原创 520, 学废 new 对象的过程

highlight: atom-one-darktheme: fancy前言众所周知,把大象放进冰箱里需要三步,打开冰箱,放进大象,关上冰箱。那你知道 new 一个对象需要几步?这时候可能就有大聪明小哥哥会说了:“我有五姑娘了,还要啥对象?”咳咳咳…,此对象非彼对象,今天我们讲的是 Javascript 里的对象。构造函数在操作 new 对象之前,我们必须要了解一下什么是构造函数。普通构造函数构造函数与普通函数唯一的区别就是调用方式不同。除此之外,构造函数就是函数。并没有把某个函数定义为构造.

2021-05-20 08:59:33 83

原创 这个“this“到底是什么

前言this 的值 当前执行上下文(global、function 或 eval)的一个属性,在非严格模式下,总是指向一个对象,在严格模式下可以是任意值。this 的值是由不同的执行方式决定。接下来我们依次看一下日常开发中不同情况下使用 this 之间的区别吧。普通函数普通函数的使用方式分为两种情况,一种是直接在全局上下文使用,另一个是作为一个对象的属性或者方式使用。全局上下文在函数内部,this 的值取决于函数被调用的方式。下面的代码不在严格模式下,且 this 的值没有在调用时设置的

2021-05-11 10:23:07 158

原创 10 分钟掌握浏览器运行 JS 的顺序

前言不知道你有没有遇到过类似这样的问题,某些代码乱序执行或样式的更改后不生效?你是不是曾经把代码包在 setTimeout 里面来解决类似的问题?是不是这种方式不太可靠?然后你就不断调试 timeout 值以至于看起来好像没问题了?接下来我们将一起来看一下这其中到底发生了什么。进程和线程我们先来区分一下进程和线程进程是 cpu 资源分配的最小单位(是能拥有资源和独立运行的最小单位)线程是 cpu 调度的最小单位(线程是建立在进程的基础上的一次程序运行单位,一个进程中可以有多个线程)通俗地讲:

2021-04-29 10:18:15 328

原创 防抖节流看这篇就够了

前言在日常开发中我们经常遇到一些频繁事件的触发情况,比如在滚动事件中需要做个复杂计算、防止一个按钮的多次点击提交操作、监听窗口的 resize 事件处理一些逻辑等等。这些需求都可以通过函数防抖动或者节流来实现。防抖和节流的作用都是防止函数多次调用。区别在于,假设一个用户频繁触发这个函数,且每次触发函数的间隔小于等待时间,防抖的情况下只会调用一次,而节流的会间隔一定时间触发函数,接下来我们来分析一下两者的区别。防抖触发高频事件后 n 秒内函数只会执行一次,如果 n 秒内高频事件再次被触发,则重新计算

2021-04-20 10:42:46 169

原创 是时候用闭包实现一个缓存函数了

什么是缓存函数所谓缓存函数就是将函数运算过的结果缓存起来,这种做法是典型的用内存去换取性能的手段,常用于缓存数据计算结果和缓存对象。缓存只是一个临时的数据存储,它保存数据,以便将来对该数据的请求能够更快地得到处理。记忆函数的使用场景在客户前端页面中,有些数据(比如一些后续不常改变的数据),可以在第一次请求的时候全部拿过来保存在 js 对象中,以后需要的时候就不用每次都去请求服务器了。对于那些大量使用类似下拉框的页面,这种方法可以极大地减少对服务器的访问。可以提供便利,减少查询次数和所消耗的时间。函

2021-04-12 13:51:07 282

原创 不得不知的闭包

闭包的概念一个函数和对其周围状态**(lexical environment,词法环境)的引用捆绑在一起(或者说函数被引用包围),这样的组合就是闭包(closure)**。也就是说,闭包让你可以在一个内层函数中访问到其外层函数的作用域。在 JavaScript 中,每当创建一个函数,闭包就会在函数创建的同时被创建出来。换言之,闭包是由函数以及声明该函数的词法环境组合而成的。词法环境包含了这个闭包创建时作用域内的任何局部变量。上下文与作用域变量或函数的上下文决定了它们可以访问哪些数据(变量),以及

2021-04-01 19:12:23 91 2

原创 用 CSS 找回童年的快乐,哆啦A梦伴你同行

前言儿童节的到来让我回忆起了童年与哆啦A梦的时光,小时候我就想,如果能有一个像哆啦A梦一样的朋友陪伴我们成长该有多好?悲伤时有人安慰;想放弃的时候,有人鼓励;快乐的时候,有人分享。最关键的是他拥有无所不能的神奇口袋。而如今长大了,反过来我希望能像哆啦A梦一样,陪伴着孩子成长。于是作为给我们的儿童节礼物,接下来通过 CSS 画一个《哆啦A梦,伴你同行》的海报,一起找回童年的回忆吧。相关知识点CSS 中能画图的大多数人第一时间想到的就是 canvas,但是还有一个 API 不能小看。那就是可以用来画曲线的

2021-06-01 08:31:07 112

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除