前言 小知识，大挑战！本文正在参与「程序员必备小知识」创作活动 本文已参与「掘力星计划」，赢取创作大礼包，挑战创作激励金。 在学习JavaScript预编译之前，先了解一下JavaScript从编译到

没错，的确很标题党，但是我最近发现我的一个朋友（谁说是我的！）真的不太会用addEventListener。 我最近参与了一个开源项目，vue-carousel，Vue生态圈里的一个轮播组件，由加拿大的一个电商公司SSENSE开源的。然后刚好有人提了一个issue 这句警告翻译…

这篇文章主要讲一下JS中面向对象以及 __proto__，ptototype和constructor，这几个概念都是相关的，所以一起讲了。 在讲这个之前我们先来说说类，了解面向对象的朋友应该都知道，如果我要定义一个通用的类型我可以使用类(class)。比如在java中我们可以这…

在本文中，我们将讨论函数原型链中的 apply，call 和 bind 方法，它们是 JavaScript 中最重要且经常使用的概念，且与 this 关键字密切相关。 因此，想要掌握本文所述内容，您必须熟悉 this 关键字的概念和用法。可以参考这篇文章。 要了解 apply|…

JS 是单线程的。 首先，众所周知，JS 是单线程的，为什么这种低效的运行方式依旧没有被淘汰那？这是由它的用途决定的；JS 主要用途是用户交互和DOM操作，举例来说假如js同时有两线程，一个线程在某个DOM节点上添加内容，另一个线程却删除了这个节点，这时候浏览器就不知所措了，该…

前段时间在用workbox时，在做precache时，匹配模式基于的是Glob Pattern模式，于是就看了下相关文档。 像在shell里面，用*等匹配模式来匹配文件。 Glob基于Javascript实现，使用minimatch库进行匹配。 "Glob"是一种模式，类似于在…

随着移动网络的发展与演化，我们手机上现在除了有原生 App，还能跑“WebApp”——它即开即用，用完即走。一个优秀的 WebApp 甚至可以拥有和原生 App 媲美的功能和体验。WebApp 优异的性能表现，有一部分原因要归功于浏览器存储技术的提升。cookie存储数据的功能…

前端进阶系列已经到第 5 期啦，本期正式开始原型 Prototype 系列。 本篇文章重点介绍构造函数、原型和原型链相关知识，如果你还不知道 Symbol 是不是构造函数、constructor 属性是否只读、prototype 、[[Prototype]] 和 __proto…

前端应用在不断壮大的过程中，内部模块间的依赖可能也会随之越来越复杂，模块间的 低复用性 导致应用 难以维护，不过我们可以借助计算机领域的一些优秀的编程理念来一定程度上解决这些问题，接下来要讲述的 IoC 就是其中之一。 嗯，看起来没什么问题，但是实际应用中需求是非常多变的，可能…