前言 正则表达式一直是困扰很多程序员的一门技术，当然也包括曾经的我。大多数时候我们在开发过程中要用到某些正则表达式的时候，都会打开谷歌或百度直接搜索然后拷贝粘贴。 作为一门用途很广的技术，我相信深入理

用了这么久的Promise，写一下他的几种中断或者取消方案吧。 1、Promises/A+标准：原Promise对象的状态将跟新对象保持一致。 利用这一特性，当新对象保持“pending”状态时，原Promise链将会中止执行。 3、当Promise链中抛出一个错误时，错误信息…

试一下自己撸一个图片懒加载... 懒加载其实就是延迟加载，是一种对网页性能优化的方式，比如当访问一个页面的时候，优先显示可视区域的图片而不一次性加载所有图片，当需要显示的时候再发送图片请求，避免打开网页时加载过多资源。 当页面中需要一次性载入很多图片的时候，往往都是需要用懒加载…

本文通过给鸭子函数动态增加功能、数据上报、动态增加参数 3 个例子，讲述了装饰器模式的应用场景及带给我们的好处。 装饰器模式，让对象更加稳定，且易于复用。而不稳定的功能，则可以在个性化定制时进行动态

笔者刚接触async/await时，就被其暂停执行的特性吸引了，心想在没有原生API支持的情况下，await居然能挂起当前方法，实现暂停执行，我感到十分好奇。好奇心驱使我一层一层剥开有关JS异步编程的一切。阅读完本文，读者应该能够了解： 回归正题，文章开头我们先点一下Promi…

举个例子：页面上有这么一个节点树，div>ul>li>a;比如给最里面的a加一个click点击事件，那么这个事件就会一层一层的往外执行，执行顺序a>li>ul>div，有这样一个机制，那么我们给最外面的div加点击事件，那么里面的ul，li，a做点击事件的时候，都会冒泡到最外层…

sort()方法的原理是调用数组项的 toString() 方法，得到数组项的字符串，然后再比较字符串的Unicode码的顺序进行排序，即使数组中的每一项都是数值，比较的也是字符串的顺序。看下面的例子： 如上所见，虽然5小于10，但是在排序的时候还是排在了最后，这是因为排序的时…

前言：中级前端必需要会的手写常用API，平时开发的时候我们要思考一下用到的api是怎么实现的，原理是什么，这样再遇到兼容性问题的情况，就可以自己去实现一个polyfill去做兼容。而这也是一些面试大厂

reduce()接收一个函数作为累加器,数组中的每个值（从左到右）开始缩减，最终计算一个值。同时reduce()可以作为一个高阶函数，用于函数的compose.