Asynchronous processing in JavaScript traditionally had a reputation for not being particularly fast. To make matters worse, debugging live…

公司的项目上线出现问题后难以定位错误，研究过现存的错误监控方案，受限于特殊条件只能定制自己的错误收集方案。 基于以上背景我撸出来一个错误日志收集方案 - Ohbug。 除此之外，addEventListener 还可以捕获资源加载错误、未 catch 的 promise 错误。…

hash：可能是大多数人了解的模式，主要是基于锚点的原理实现。简单易用 browser：即使用html5标准中的history api通过监听popstate事件来对dom进行操作。每次路由变化都会引起重定向 memory：这种实现是在内存中维护一个堆栈用于管理访问历史的方式，…

对于后台开发来说，记录日志是一种非常常见的开发习惯，通常我们会使用try...catch代码块来主动捕获错误、对于每次接口调用，也会记录下每次接口调用的时间消耗，以便我们监控服务器接口性能，进行问题排查。 刚进公司时，在进行Node.js的接口开发时，我不太习惯每次排查问题都要…

随着前端技术的发展，前端框架也在不断的改变。 DOM（Document Object Model，文档对象模型）将 HTML 文档表达为树结构，并定义了访问和操作 HTML 文档的标准方法。 前端开发基本上都会涉及到HTML页面，也就避免不了和DOM打交道。 最早期的Web前端…

| 导语 其实在前端编码中，或多或少都会接触到沙箱，可能天真善良的你没有留意到，又可能，你还并不知道它的真正用途，学会使用沙箱，可以避免潜在的代码注入以及未知的安全问题。 沙箱，即sandbox，顾名思义，就是让你的程序跑在一个隔离的环境下，不对外界的其他程序造成影响，通过创…

1. 前言 现在初入前端的同学们，都直接就上手webpack了，而在几年前没有node还是jquery打天下的时候，不借助node或软件让不同js文件之间互相引用、模块化开发，是件很麻烦的事。 接下来会介绍两个有名的工具AMD（require.js）和CMD（sea.js），虽…

注: 本文只会写一些个人觉得比较重要的细节, 而非全面介绍迭代器和生成器. 我们知道, js 中并没有其他语言那样的接口语法来强制约束一个对象必须实现某些方法, 比如 Java 的 interface. 不过语法只是形式, 接口的思想在任何语言里都是适用的. 在 js 里要想实…