今天我们来聊一聊一个和性能优化方面相关的问题：图片的懒加载和预加载。那什么是图片的懒加载和预加载呢？其实就是怎么去加载图片，当面对大量的图片资源时，我们怎么去处理它们。 图片的懒加载指的就是当用户打开

无限列表，循环无限自滚动列表的实现。无论你有多少数据，无论是哪个技术栈，无论列表长什么样子，你都可以用这个方法

箭头函数是前端面试环节的一个高频考点，箭头函数是ES6的API，相信很多人都知道，因为它的语法比一般的函数更简洁，所以深受大家的喜爱。这是我们在日常开发中一直使用的API，但大多数同学对它的理解还不够，下面我们来详细了解下箭头函数的基本语法，以及箭头函数与普通函数的区别。 来定…

高阶函数的英文名叫 Higher-Order Function，是函数式编程中的一种。他的表现形式往往是通过把函数作为参数传入另一个函数，或者将函数作为另一个函数的返回值返回。在实际开发业务中，高阶函数往往可以抽象我们的代码，将我们的命令式编程转换为复用性更高级的函数式编程，从…

面试中或者开发经常会问到数组去重，整理了我知道的四种。还有什么新方法，新操作，欢迎补充！ 1. ES6去重 2. 双重遍历去重 3. indexOf 或者 includes 去重 需要注意的是 includes 可以去除NaN，而 indexOf 不可以。 4. filter去重

最近阅读了一些与浏览器事件循环相关的资料，并整理输出了本篇文章，希望能帮助大家搞懂浏览器的事件循环。后续（会很久，因为我懒）会继续补充node中的事件循环机制。 JavaScript语言的一大特点就是单线程，作为浏览器脚本语言，JavaScript的主要用途是与用户互动，以及操…

平时代码中必定会使用对象，通常是用最直接的字面量方法创建var obj = {}，最近在整理JS继承方式时遇到Object.create()也可以创建对象，另外，也可以用new Object()关键字创建。 这样一比较，其实字面量创建和new关键字创建并没有区别，创建的新对象的…

由于js中this的存在，bind显得尤其重要,它能够显式强绑定this到某特定环境中，用过react的朋友应该知道bind在代码中出现的频率，在绑定函数方法时常用bind来绑定上下文对象到方法上。因此很多面试中常常能看到实现bind方法的面试题，不了解的同学们还以为是啥高深的…