学习笔记

useCallBack的使用场景 学习笔记

useCallBack的使用场景

useCallback 的真正目的还是在于缓存了每次渲染时 inline callback 的实例,但并不是每个函数都需要使用,无意义的使用反而会使性能下降。 看到这里,有些笔友就要发问三连了。 1.···
void 0 和undefined的区别 学习笔记

void 0 和undefined的区别

在看一些代码中,我们会发现一些变量的赋值使用的是void 0,并且有的编程规范要求用 void 0 代替 undefined。在谈两者之前的区别前,我们先来看一下void是个啥 void void 是···
ES6的Proxy用法 学习笔记

ES6的Proxy用法

Proxy介绍 Proxy是用于创建一个对象的代理,从而实现基本操作的拦截和自定义 Proxy使用 Proxy为 构造函数,用来生成 Proxy实例 let proxy = new Proxy(tar···
使用js添加文字水印 学习笔记

使用js添加文字水印

经常在一些发布页面后面会有用户名的水印,主要用来在截图时候标识是谁发的。下面我们来看一下如何使用js来添加水印。 这里我们使用canvas来进行水印绘制 /** * 绘制水印 * @param can···
react中的css隔离 学习笔记

react中的css隔离

一般情况下,我们在react中写css,都是直接以文件形式来写,然后再组件中进行引用,但是这种写法会导致相同class名称引起的样式冲突,这就要求我们在写class时对命名有严格的要求,比如前缀增加组···
Object.freeze的使用 学习笔记

Object.freeze的使用

什么是Object.freeze Object.freeze() 方法可以冻结一个对象。一个被冻结的对象再也不能被修改; 冻结了一个对象则不能向这个对象添加新的属性 不能删除已有属性 不能修改该对象已···
大文件上传实现方案 学习笔记

大文件上传实现方案

一般情况下,提到大文件上传,在脑海里最先想到的应该就是将图片保存到对象存储中,比如阿里云的OSS,华为云的OBS等,这些厂商也都提供了相应的sdk来实现文件的上传。那么如果我们自己来实现一个大文件上传···
前端必备知识之Nginx 学习笔记

前端必备知识之Nginx

作为一个前端开发,我们可能平时或多或少的都接触过Nginx,但是可能也因为平时我们并不需要自己去对他进行一些必要的配置导致我们需要对其进行深入了解,但是实际如果你在工作的业余时间也会开发自己的项目,你···
设计模式 – Adapter 适配器模式 学习笔记

设计模式 – Adapter 适配器模式

Adapter(适配器模式) Adapter(适配器模式)属于结构型模式,别名 wrapper,结构性模式关注的是如何组合类与对象,以获得更大的结构,我们平常工作大部分时间都在与这种设计模式打交道。 ···
react-router-dom V6版本的应用 学习笔记

react-router-dom V6版本的应用

react-router-dom v6 整体体验相对于 v5 ,体验要好更多,最大的一个改变,就是曾经的 Route 不可嵌套,整个路由配置必须拆分成若干小块,除非通过 react-router-co···
js下载跨域图片 学习笔记

js下载跨域图片

图片下载这个也略麻烦,刚开始用a标签,但是a标签点击,浏览器会打开新的窗口展示图片,并不会直接下载到本地,我用了下面两种方法,亲测可用 文档参考: https://developer.mozilla.···
设计模式 – Singleton 单例模式 学习笔记

设计模式 – Singleton 单例模式

Singleton(单例模式) Singleton(单例模式)属于创建型模式,提供一种对象获取方式,保证在一定范围内是唯一的。 意图:保证一个类仅有一个实例,并提供一个访问它的全局访问点。 其实单例模···