em ～～～朴实无华，但是代码看起来舒服不少，朋友感叹学到不少干货，我感觉这就是基本操作，233333。

React 是前端开发每天都用的前端框架，自然要深入掌握它的原理。我用 React 也挺久了，这篇文章就来总结一下我对 react 原理的理解。 react 和 vue 都是基于 vdom 的前端框架

这里的stopTime和 startTime为开始和结束的日期格式，需要将时间差转化为秒或者分钟，再进行逻辑判断。

Chrome Devtool Performance 是大家常用的页面性能分析工具，当你使用它来分析页面加载性能的时候会生成如下图所示的报告。 图中包含了以下几个重要的时间点：DCL, L, FP, FCP, FMP, LCP。这里我把前两个和后面几个分开来讲，因为它们分属于不…

集齐五个原则，就可以召唤神龙了。 神龙就是开放封闭原则，可以这样说：它是其他五大原则的实现，是面向对象设计的终极目标。 既然开放封闭原则这么高端大气上凳次，那我们赶紧来看一下开放封闭原则的定义。 一个软件实体应当对扩展开放，但对修改关闭。 对扩展开放的意思是，我们可以肆无忌惮的…

在 JavaScript 中，需要用到类的场景并不 太多，单一职责原则更多地是被运用在对象或者方法级别上，体现为：一个对象(方法)只做一件事情。 饰者模式。 1. 何时应该分离职责 SRP 原则是所有原则中最简单也最难正确运用的原则之一。 要明确的是，并不是所有的职责都应该一一…

前端开发的时候，在网页刷新的时候，所有数据都会被清空，这时候就要用到本地存储的技术，前端本地存储的方式有三种，分别是cookie，localstorage和sessionStorage ，这是大家都知道的。本文的主要内容就是针对这三者的存放、获取，区别、应用场景。有需要的朋友可…

Debugger 是前端开发很重要的一个工具，它可以在我们关心的代码处断住，通过单步运行来理清逻辑。而 Debugger 用的好坏与断点打得好坏有直接的关系。 Chrome Devtools 和 VS

class 是创建对象的模版，由一系列属性和方法构成，用于表示对同一概念的数据和操作。 有的属性和方法是对外的，但也有的是只想内部用的，也就是私有的，那怎么实现私有属性和方法呢？ 不知道大家会怎么实现