开发中，我们或多或少地接触了设计模式，但是很多时候不知道自己使用了哪种设计模式或者说该使用何种设计模式。本文意在梳理常见设计模式的特点，从而对它们有比较清晰的认知。 看完了上述设计模式后，把它们的关键词特点罗列出来，以后提到某种设计模式，进而联想相应的关键词和例子，从而心中有数。

async/await 把我们从回调地狱中解救了出来，但是如果滥用就会掉进 async/await 地狱。 本文中我会解释一下什么是 async/await 地狱，并会分享几个技巧去避免。 异步 Javascript 编程中，我们通常会写许多 async 方法，并且使用 awa…

笔者最近在对原生JS的知识做系统梳理，因为我觉得JS作为前端工程师的根本技术，学再多遍都不为过。打算来做一个系列，一共分三次发，以一系列的问题为驱动，当然也会有追问和扩展，内容系统且完整，对初中级选手会有很好的提升，高级选手也会得到复习和巩固。这是本系列的第三篇。 本次分享的主…

网络实时通信（Web Real-Time Communication，缩写为 WebRTC）是一项 HTML5 规范，它使你能直接用浏览器进行实时通讯，不用依赖第三方插件。WebRTC 有多种用途（甚至能实现文件共享），但其主要应用为实时点对点音频与视频通讯，本文的重点也是这一…

Webpack热更新（ Hot Module Replacement，简称 HMR，后续均以 HMR 替代），无需完全刷新整个页面的同时，更新所有类型的模块，是 Webpack 提供的最有用的功能之一。 HMR 作为一个 Webpack 内置的功能，可以通过 --hot 或者 …

本文是一系列 ts 的设计模式实战总结，并不是单纯的介绍设计模式，而是从工作中的例子出发，因为这样才能让人体会到设计模式离我们很近。全篇每个设计模式都是从，概念、一句话概括、优缺点、实战几个方面来讲。 设计模式（Design pattern）代表了最佳的实践，通常被有经验的面向…

前段时间有个需求，需要前端导出excel。一般来说，对于导出大量数据的功能，最好还是交给后端来做，然而后端老哥并不想做(撕逼失败)，只能自力更生。 前端导出excel本身已经有很成熟的库了，比如js-xlsx, js-export-excel，所以实现起来并不难。但是，当导出的…

在前端开发的过程中，我们经常会需要绑定一些持续触发的事件，如 resize、scroll、mousemove 等等，但有些时候我们并不希望在事件持续触发的过程中那么频繁地去执行函数。 通常这种情况下我们怎么去解决的呢？一般来讲，防抖和节流是比较好的解决方案。 让我们先来看看在事…

在最开始的时候，js异步编程是一件很痛苦的事，不过随着技术发展，现在写异步已经可以像写同步一样舒服了。 promise最大的好处就是实现了链式调用的写法,而且可以用catch来捕获异常。 Generator 函数是协程在 ES6 的实现，最大特点就是可以交出函数的执行权，注意它…