1. 背景 将网页保存为图片（以下简称为快照），是用户记录和分享页面信息的有效手段，在各种兴趣测试和营销推广等形式的活动页面中尤为常见。 快照环节通常处于页面交互流程的末端，汇总了用户最终的参与结果，直接影响到用户对于活动的完整体验。因此，生成高质量的页面快照，对于活动的传播和…

作为前端开发者，免不了要和 DevTools 打交道,熟练的使用 DevTools 能够大大提高我们的工作效率。然而，开发者工具的使用并没有得到足够的重视。 工欲善其事必先利其器，更何况，工具的学习成本比专业技能的学习成本小的多。 Chrome 有不同版本，如果想第一时间体验一…

本系列最开始是为了自己面试准备的.后来发现整理越来越多,差不多有十二万字符,最后决定还是分享出来给大家. JavaScript 具有自动垃圾收集机制（GC：GarbageCollecation），也就是说，执行环境会负责管理代码执行过程中使用的内存。开发人员不用再关心内存使用问…

我们理解的单线程应该是这样的，排着一个个来，是同步执行。 结果告诉我们，js是单线程没错，不过不是逐行同步执行。 那我们就来解析一下既然有异步，那顺序是怎样的？这些执行顺序规则就是理解eventLoop的要点，继续往下。 上图为我录制的chrome控制代码台执行顺序，虽然能看出…

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

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

一千个读者，有一千个哈姆雷特。 我将会从函数的执行机制、鲁棒性、函数式编程、设计模式等方面，全面阐述如何编写高质量的函数。 如何编写高质量的函数，这是一个很难回答的问题，不同人心中对高质量有自己的看法，这里我将全面的阐述我个人对如何编写高质量函数的一些看法。看法可能不够全面，也…

前端模块化在近几年层出不穷，有Node的CommonJs,也有属于client端的CMD/AMD模式，而ES6本身也出现了Modules，再加上Webpack以及babel的普及，虽然在代码中经常使用到这些用法，但是如果不去深入研究，总觉得是一个黑魔法，无法探测一些问题的根源。…

通过衡量执行某个函数所花费的时间，以“证明”某些实现比另一些实现更高效始终是一个很好的主意。这也是确保性能在进行一些修改后不受影响并找出瓶颈的好方法。 良好的性能有助于获得良好的用户体验。良好的用户体验能够留住用户。像此研究所示，由于性能差的用户体验，88％ 的在线消费者回头的…