Source map 想必大家都不陌生。线上的代码多是压缩后的，如果线上有报错却只能调试那个代码多半是个噩梦。因此我们需要有一个桥梁帮助我们搭建起源代码及压缩后代码的联系。

webkit-animation动画有三个事件：开始事件:webkitAnimationStart结束事件:webkitAnimationEnd重复运动事件:webkitAnimationIterat

对前端同学而言，loade,unload,DOMContentLoaded等页面加载过程中会触发的事件肯定是都接触过，不过要是具体问各个事件的区别，我就不是那么能清晰的解答上来的了。正好刚刚在无阻塞脚本那看到了DOMContentLoaded事件，就来翻翻具体文档详细看一下各个…

防抖和节流是两个相似的技术，都是为了减少一个函数无用的触发次数，以便提高性能或者说避免资源浪费。我们都知道js在操作DOM的时候，代价非常昂贵，相对于非DOM操作需要更多的内存和和CPU时间，假如我们一个函数是在滚动滚动条或者更改更改窗口大小的时候频繁触发，还是会出现页面卡顿，…

怀着对于RxJS这项技术的好奇，笔者花了数天时间研究了这项技术，并肝了一包枸杞才完成这篇文章的撰写，属实不易。不过也正是通过这段时间的学习，我发现这项技术在一定程度上可以解决我在日常业务中遇到的一些痛点，以及有种想马上应用到自己的新项目中的欲望，的确这种以数据流的理念来管控大型…

Base64在前端应用其实很广泛，截图，jwt，头像剪裁，混淆加密，soureMap等等，探求起源，理解原理以及相关的编码知识。

那么它的二进制就是 0.0001100...... 这样反复循环，这也引出了我们在语言层面的问题，例如 JS 中被人诟病的 0.1 + 0.2 != 0.3 的问题，我们后面再说 PS： 这里也说了是假如，当然你也可以用 32 位来理解，这里只是为了解释原码、反码、补码的概念，…

位运算是大神专属？大多数人认为在写程序的过程中使用过多花里胡哨的位操作符对阅读体验是极其不好的，其实，假如大家都懂得位运算，那么这些骚操作就变成了常规操作，赶快来GET吧！

对象的属性有两种类型：字符串和 Symbol。 因为对象只支持字符串和 Symbol 两种类型的属性，如果我们使用的是任何其他类型值作为属性名，最后都会被转为字符串。比如这里的 [objProp]，objProp 是个对象，用它创建完 obj 后，再看看，就变成字符串 "[ob…