useCallBack的使用场景
useCallback 的真正目的还是在于缓存了每次渲染时 inline callback 的实例，但并不是每个函数都需要使用，无意义的使用反而会使性能下降。 看到这里，有些笔友就要发问三连了。 1.···
javascript
使用js添加文字水印
经常在一些发布页面后面会有用户名的水印，主要用来在截图时候标识是谁发的。下面我们来看一下如何使用js来添加水印。 这里我们使用canvas来进行水印绘制 /** * 绘制水印 * @param can···
react中的css隔离
一般情况下，我们在react中写css，都是直接以文件形式来写，然后再组件中进行引用，但是这种写法会导致相同class名称引起的样式冲突，这就要求我们在写class时对命名有严格的要求，比如前缀增加组···
Object.freeze的使用
什么是Object.freeze Object.freeze() 方法可以冻结一个对象。一个被冻结的对象再也不能被修改； 冻结了一个对象则不能向这个对象添加新的属性 不能删除已有属性 不能修改该对象已···
大文件上传实现方案
一般情况下，提到大文件上传，在脑海里最先想到的应该就是将图片保存到对象存储中，比如阿里云的OSS，华为云的OBS等，这些厂商也都提供了相应的sdk来实现文件的上传。那么如果我们自己来实现一个大文件上传···
react-router-dom V6版本的应用
react-router-dom v6 整体体验相对于 v5 ，体验要好更多，最大的一个改变，就是曾经的 Route 不可嵌套，整个路由配置必须拆分成若干小块，除非通过 react-router-co···
js下载跨域图片
图片下载这个也略麻烦，刚开始用a标签，但是a标签点击，浏览器会打开新的窗口展示图片，并不会直接下载到本地，我用了下面两种方法，亲测可用 文档参考： https://developer.mozilla.···
设计模式 – Singleton 单例模式
Singleton（单例模式） Singleton（单例模式）属于创建型模式，提供一种对象获取方式，保证在一定范围内是唯一的。 意图：保证一个类仅有一个实例，并提供一个访问它的全局访问点。 其实单例模···
设计模式 – Prototype 原型模式
Prototype（原型模式） Prototype（原型模式）属于创建型模式，既不是工厂也不是直接 New，而是以拷贝的方式创建对象。 意图：用原型实例指定创建对象的种类，并且通过拷贝这些原型创建新的···
设计模式–工厂模式
Factory Method（工厂方法） Factory Method（工厂方法）属于创建型模式，利用工厂方法创建对象实例而不是直接用 New 关键字实例化。 理解如何写出工厂方法很简单，但理解为什么···
设计模式-Builder生成器
Builder（生成器） Builder（生成器）属于创建型模式，针对的是单个复杂对象的创建。 意图：将一个复杂对象的构建与它的表示分离，使得同样的构建过程可以创建不同的表示。 举例子 如果看不懂上面···
设计模式–抽象工厂
# Abstract Factory（抽象工厂） Abstract Factory（抽象工厂）属于创建型模式，工厂类模式抽象程度从低到高分为：简单工厂模式 -> 工厂模式 -> 抽象工厂模式。 意图：···