HTML笔记

void 0 和undefined的区别 HTML笔记

void 0 和undefined的区别

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

ES6的Proxy用法

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

使用js添加文字水印

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

react中的css隔离

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

大文件上传实现方案

一般情况下,提到大文件上传,在脑海里最先想到的应该就是将图片保存到对象存储中,比如阿里云的OSS,华为云的OBS等,这些厂商也都提供了相应的sdk来实现文件的上传。那么如果我们自己来实现一个大文件上传···
设计模式 – Adapter 适配器模式 HTML笔记

设计模式 – Adapter 适配器模式

Adapter(适配器模式) Adapter(适配器模式)属于结构型模式,别名 wrapper,结构性模式关注的是如何组合类与对象,以获得更大的结构,我们平常工作大部分时间都在与这种设计模式打交道。 ···
js下载跨域图片 HTML笔记

js下载跨域图片

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

设计模式 – Prototype 原型模式

Prototype(原型模式) Prototype(原型模式)属于创建型模式,既不是工厂也不是直接 New,而是以拷贝的方式创建对象。 意图:用原型实例指定创建对象的种类,并且通过拷贝这些原型创建新的···
js设置弹出式独立窗口页面 HTML笔记

js设置弹出式独立窗口页面

一般简单的情况下我们会直接使用弹层的形式来进行处理,但是有的时候是一个复杂页面,需要弹窗显示,新开页面在另一个页签显示还达不到效果,所以我们需要让浏览器打开一个新的页面,并弹出来在当前页面之上,下面我···
css设置height100%无效的问题 HTML笔记

css设置height100%无效的问题

height:100%这个属性我们在很多地方都会用到,尤其是像让子元素占满父元素区域的时候,但是有时候会感觉好恶心,为啥设置了半天总是不生效。那么我们先来看一下对于高度属性的可能值: 值 描述 aut···