Codog

这个问题也很经典，本人在18年的时候被问到过，当时第一次遇到经一位面试官解释后有了了解，以一个场景来说就是旧版本手机浏览器在触发click事件会有300ms左右的延迟，这个是故意而为之，当时会导致的问题一个就是体验不好，另一个就是点击穿透（比如手点击了上层，这时我通过代码手段隐藏了上层元素，300ms后，下层元素则会响应这个click事件）。

值得注意的是到现在大多数浏览器已经在内部优化了，比如Chrome

通常来说setTimeout的最小时间间隔为4ms（当然，这也由各浏览器实现决定）。但是为何是4ms？如何设置0ms的延时呢？

经常遇到要将某个元素滚动到可视区域的需求，除了个别需要使用js进行复杂的定位计算外，原生js的scrollIntoView方法可以满足大部分场景了，基础的直接调用Element.scrollIntoView()方法外，还提供了更细粒度的滚动控制。

shell是一个程序，接收输入的命令，然后交由操作系统来执行；终端是图形用户界面，可以与shell进行交互。所以我们经常说的控制台、shell终端就是我们经常使用到的那个黑框小程序。

通常情况下终端是黑底白字，虽然足够简介，但时间久了容易审美疲劳，且对于重要输出信息的提示不够明显，容易被开发人员忽略掉。

知道了canvas动画基本原理后我们可以尝试绘制比较精美的动画了，以烟花为例。

会涉及到基础的三角函数、元素运动效果仿真。

个人认为canvas的魅力就在于制作精美的动画效果。

之前说过canvas的动画实际上是一张一张绘制出来的，类似电影胶片一样。所以就需要我们每次重绘前记录上一个图片的状态。

有几个月没写东西了，写了一些canvas相关的发布后发现内容是空的，本地构建是成功的，结果服务端构建结果是空文件。无疑，那就是远端构建的问题了。

drawImage是一个非常有趣的方法，可以实现非常有趣的功能，常见的是画布上绘制图片。常见的应用场景就是图片编辑，比如头像的裁剪和缩放。

这次我们会借助canvas提供的方法绘制简单的图形及路径。

基本概念

canvas是一种html标签，虽然平时使用场景不多，但是功能非常强大，常见于各种图表库（例如：G2）。相比html的“组装式”结构，canvas内部更倾向于“绘制”。开发者像一个画家一样使用画笔在画布上绘制作品，也从侧面表明canvas不支持动画，我们看到的动画实质上都是一张图一张图绘制出来的，类似胶片滚动播放一样模拟动画的效果。