webpack 是基于事件流的打包构建工具，也就是内置了很多 hooks。作为使用方，可以在这些钩子当中，去插入自己的处理逻辑，而这一切的实现都得益于 tapable 这个工具。它有多个版本，webpack 前期的版本是依赖于 tapable 0.2.8 这个版本，后来重构了，…

还有几天就到国庆中秋了，快要放假了，先祝大家节日快乐！之前写过js的写作建议和技巧，那么今天就来聊聊css吧！说到css，每一个网页都离不开css，但是对于css，很多开发者的想法就是，css只要能用来布局，把效果图排出来就可以了，其它的细节或者优化，不需要怎么考虑。但是我觉得…

我觉得很多网站没有使用Manifest是因为上面提到的两个原因，有些人有尝试过，但使用起来比较麻烦，离线应用价值好像不太大。但是使用Manifest还是有很多好处的，特别是像博客等之类的偏向于展示的网站，或者是在线APP，这种网站的数据动态变化频率比较低，不需要频繁地向服务请求…

Promise，js异步编程的流行解决方案，相比于古老的回调函数等方式，它更科学，更优雅。它来自民间，后被官方招安。 本文将从介绍用法开始，一步步了解Promise，探究源码，最终根据官方规范手写一个Promise。 1. How Promise? 报错信息告诉我们，Promi…

30 seconds of code 是一个非常优质精选的 JavaScript 项目 ，总结了大量的使用 ES6 语法实现的代码块，项目的设计目标就是更简洁，更高效，更快速的实现基础代码模块，碎片化学习实用干货， 30 秒掌握一个高质量 ES6 代码块 。 学习 ES6 基础…

MDN 上是这么描述的——Proxy对象用于定义基本操作的自定义行为（如属性查找，赋值，枚举，函数调用等）。 官方的描述总是言简意赅，以至于不明觉厉... 上述例子中，我们事先定义了一个对象 obj , 通过 Proxy 构造器生成了一个 proxyObj 对象，并对其的 se…

1. window.onerror 异常处理 window.onerror 无论是异步还是非异步错误，onerror 都能捕获到运行时错误。 1）window.onerror 函数只有在返回 true 的时候，异常才不会向上抛出，否则即使是知道异常的发生控制台还是会显示 Unc…

如今前端工程化，自动化已经成为了新趋势，如果我们要重新开始做一个项目，你会花费多久的时间在前期环境的搭建上呢？在我们前端的的积累中，我们需要将这些技术沉淀下来，便于我们开始一个新的项目，而不必花费过多的经历在环境搭建中。 这次我做的是一个集成了 eslint、stylelint…

然而能全部答上的很少，能够给出一个回调 + 计数版本的，我都觉得合格了。那么接下来就一起来学习总结一下基于 Promise 来处理异步的三种方法。 最简单的，就是将异步一个个来处理，转为一个类似同步的方式来处理。 先来简单的实现一个单个 Image 来加载的 thenable …