被老外的 awesome 清单刺激到，觉得有必要翻译一份，为国产的程序员们做点事情，本清单将保持实时更新同步。

最近在项目中使用了typescript+rollup，满心欢喜测试打包结果的时候，发现打包出来的文件竟然无法运行，具体报错如下：乍一看这个错误非常抽象，在平时的开发中也很少会遇到，定位到错误行，发现是

先贴个 w3 规范的链接。 exception 和 error event 都会由 onerror 抛出。不过在处理 error event 时 onerror 回调本身并没有多大用处。 即发生以上情况时，只能知道出错了，没法知道到底什么错。 虽然是有条件的限制，但是只要不能覆…

有一个任务非常耗时会消耗后台大量算力，所以在退出页面的时候，要求前端这边发送一个请求来杀死任务。 一开始以为这个需求非常简单，就是在进入其他路由前，发送一下请求，杀死一下任务就好了。 然而在刷新页面的时候，beforeRouteLeave并不会执行，接着想到了下面这两个API.…

最近做 web 性能采集分析，一直觉得跟用户交互无关的采集都放在 onLoad 或 DOMContentLoaded 中很不合理。 一番搜索，发现 web 页面也是有生命周期的。一番研究，解决了如何避免干扰用户采集信息的困惑。 提供了一系列的生命周期钩子函数，方便开发者能够在不…

设计和封装一个前端埋点上报脚本， 并逐步思考优化这个过程。 我们先用最直接的方式来实现这个埋点上报脚本。 这样子就能通过调用analytics()，往我们的统计服务端提交一条消息，并指明一个行为类型。 head请求方式和参数传递方式与get请求一致，也会受限于浏览器，但因为其不…

我曾经一度很迷茫，在学了 Vue、React 的实战开发和应用以后，好像遇到了一些瓶颈，不知道该怎样继续深入下去。相信这也是很多一两年经验的前端工程师所遇到共同问题，

深入了解前端路由 hash 与 history 差异 前言 没了解这两种路由前，不管是 vue还是 react 在项目创建时难免会进行路由之间选择,在 hash 和 history 难免会纠结一番

在vue项目开发中，我们会将经常用到的逻辑或模块抽象成组件，对于那些多个项目都有用到的组件，可以考虑封装成组件库，发布到npm。每次要到只需要npm install xx一下，就不用来回拷贝了。下面我们就从0开始来打包一个vue组件库。 组件在使用之前都需要注册组件，注册组件可…