刮刮卡是大家非常熟悉的一种网页交互元素了。实现刮涂层的效果，需要借助canvas来实现，想必每个前端工程师都清楚。实现刮刮卡并不难，但其中却涉及很多知识点，掌握这些知识点，有助于我们更深刻理解原理，对于提升举一反三的能力很有帮助。本期以实现刮刮卡为例，分享下如何科学合理地封装函…

Javascript很奇怪。不相信我？尝试使用map和parseInt将字符串数组转换为整数。启动控制台（Chrome上的F12），粘贴以下内容，然后按Enter 我们最终得到的不是一个[1, 7, 11] 这样的整数数组,而是这样的长这样的 [1, NaN, 3] 一个数组。…

在之前的总结中，我们详细分析了原型《JS 总结之原型》，原型很大作用用于模拟继承，这一次，我们来聊原型继承的几种方式。 组合 原型链继承 和 借用构造函数继承。 优点：不用手动设置原型。 缺点：新语法，只要部分浏览器支持，需要转为 ES5 代码。

本文是作者 Tomek Sułkowski 发布在 medium 上的一个系列。 版权归原作者所有。 译者在翻译前已经和作者沟通得到了翻译整个系列的授权。 1. $0 在 Chrome 的 Elements 面板中，$0 是当前我们选中的 html 节点的引用。 理所当然，$1…