自驱

前端部署其实是一个非常严肃的问题，对于大型应用24小时都有人访问，如果你还是用覆盖式更新的方式部署，肯定会导致页面出错的情况发生，因此，这就涉及到先全量部署静态资源，再灰度部署页面的部署流程了。

今年，是目前为止的我人生中最黑暗的一年。有一位智者说过：“生性乐观的人，懂得在逆境中找到光明；生性悲观的人，却常因愚蠢的叹气，而把光明给吹熄了。当你懂得生活的乐趣，就能享受生命带来的喜悦。”

鼠标焦点从一个input框到另一个input框，此过程具体发生了哪些事件？那这些事件的执行顺序又是如何的呢？

说到webpack的性能优化，其实就是从时间层面与体积层面入手。对于时间层面主要就是优化webpack的构建速度（缩短构建时间）。对于体积层面主要就是优化webpack的构建结果（缩小构建结果）

CSS Gird布局也叫二维网格布局系统，可用于布局页面主要的区域布局或小型组件。网格是一组相交的水平线和垂直线，它定义了网格的列和行。我们可以指定将网格元素放置在与这些行和列相关的位置上。

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

一、写在前面 我发现即便工作很久了，我还是不会用performance性能分析工具，可能很多小伙伴跟我有一样的问题！ 于是我怒学了一通performance性能工具的使用，想写一篇如何使用perfor

手写一些JS内置函数或常用工具函数，即能提高自己对这些工具的理解，也能提升自己的代码掌控能力和基础知识，同是手写代码也是很多公司面试必不可少的一个环节

常用的工具函数都不会写，怎么能说自己基础扎实呢？不知道原理，又有什么资格觉得自己不会乱用某些函数呢，怎么能保证自己能写出稳定的代码呢？