最近一直在做业务需求，表单类的，每次调试都要填一堆东西，而且项目需要登录，经常需要来一遍登录流程，再填写表单来调试。这个流程还是比较繁琐的。 于是我在想，自动化测试工具 puppeteer 是可以通过

简介 本文介绍 Chrome DevTools Performance 面板的所有功能，以便使用其分析页面加载时/运行时性能，找出性能瓶颈。 功能面板概览 控制面板（红色区域）：控制性能分析相关功能的

window.requestIdleCallback()方法将在浏览器的空闲时段内调用的函数排队。这使开发者能够在主事件循环上执行后台和低优先级工作 该图中的两个帧，在每一帧内部，TASK和redering只花费了一部分时间，并没有占据整个帧，那么这个时候，如图中idle pe…

作为一个所谓的计算机科班出身的人来说，特别难为情的是自己的计算机基础很差，相信这不是少数程序员的现状，而是绝大多数程序员的现状。 比如计算机网络当年一度差点挂掉，多亏当时的老师手下留情，给我一个刚及格的分数。 但是猫哥出来工作之后，特别觉得学生的计算机基础特别差，主要原因是老师…

在JavaScript中，函数是一等公民，函数在JavaScript中是一个数据类型，而非像C#或其他描述性语言那样仅仅作为一个模块来使用。函数有四种调用模式，分别是：函数调用形式、方法调用形式、构造器形式以及apply和call调用形式。这里所有模式中，最主要的区别在于关键字…

在网上，关于防抖和节流的实现方式已经很多了，这里也就不在依依列举，只是说说这两种思想方式，要注意，函数防抖和节流只是一种解决问题的设计思想罢了。 在浏览器中，频繁的操作 DOM 是非常消耗内存和 CPU 时间，在我们项目开发过程中，或多或少会绑定一些持续触发的事件，如 resi…

2018还有十几天就要过完了，我觉的这一年我的成长并不是很快，有很多2018新年许的愿望都没有达成。这篇文章算我2018年的一个总结吧！ 在这岁末迎新的时候，把所有的视频送给你，希望你可以在2019年，无论是学习还是工作都有所进步。 有很多人问我为什么要录制这么多免费视频，是不…

偶然在svgTrick上看到了一个效果，模仿了一下。作者原先也是受到dribble上的一个动效启发，这个效果与svg简直是天作之合。 最后模拟的效果如下，gif有点卡顿，戳戳这里查看网页效果。 我们先看着动效分析一下，主要可以将动画分成五部分。 这个效果的完成很简单。只需要在画…