bind 的实现其实非常考验对原型链的理解。bind 和 apply，call 是 JS 修改 this 指向的三把利器 🔱。但看似简单的内容，实则包含了 JS 的两大核心内容：原型链和构造函数。

本文将介绍单例模式的概念和使用场景，配合一些demo代码和开源第三方库的使用让读者对单例模式有更深刻的理解。

这篇文章分享了从遇到前端业务性能问题，到分析、解决并且梳理出通用的Vue 2.x 组件级懒加载解决方案（Vue Lazy Component ）的过程。 问题起源于我们的一个页面，下面是这个页面的截图和初次请求的瀑布图。 初始加载的资源过多导致在 domInteractive …

亲爱的读者朋友，如果你点开了这篇文章，说明你对正则很感兴趣。 想必你也了解正则的重要性，在我看来正则表达式是衡量程序员水平的一个侧面标准。 关于正则表达式的教程，网上也有很多，相信你也看了一些。 与之不同的是，本文的目的是希望所有认真读完的童鞋们，都有实质性的提高。 本文内容共…

如何提高代码的可读性、复用性、扩展性。我们将从以下四个方面讨论： 可以用 ESLint 检测代码中未命名的常量。 既然创建了一个 car 对象，就没有必要把它的颜色命名为 carColor。 如果参数超过两个，建议使用 ES6 的解构语法，不用考虑参数的顺序。 这是一条在软件工…

Ps: 比如搜索框，用户在输入的时候使用change事件去调用搜索，如果用户每一次输入都去搜索的话，那得消耗多大的服务器资源，即使你的服务器资源很强大，也不带这么玩的。 1. 防抖 - debounce 其中一种解决方案就是每次用户停止输入后，延迟超过500ms时，才去搜索此时…

概念： 在事件被触发n秒后再执行回调，如果在这n秒内又被触发，则重新计时。 生活中的实例： 如果有人进电梯（触发事件），那电梯将在10秒钟后出发（执行事件监听器），这时如果又有人进电梯了（在10秒内再次触发该事件），我们又得等10秒再出发（重新计时）。 概念： 规定一个单位时间…

在mounted钩子执行完毕之后才打印，言外之意是使用async/await的钩子内部的异步代码并没有起到阻塞钩子主线程的执行。这里说的钩子函数的主线程是指： 对比实际的打印和期望的打印，就知道问题出在created钩子内使用了await的异步代码，并没有达到我们期望的那种的“…

所谓开闭原则就是一个软件实体如类、模块和函数应该对扩展开放、对修改关闭。 强调用抽象构建框架，实现实现拓展细节。 有优点是提高软件的复用性和易维护展性。是面向对象的最基本原则。 高层模块不应该依赖底层模块，二者都应该依赖其抽象。 抽象不应该依赖细节：细节应该依赖抽象。 针对接口…