HTML笔记 void 0 和undefined的区别 无邪 7月前 (02-27) 0 0 在看一些代码中,我们会发现一些变量的赋值使用的是void 0,并且有的编程规范要求用 void 0 代替 undefined。在谈两者之前的区别前,我们先来看一下void是个啥 void void 是···
HTML笔记 ES6的Proxy用法 无邪 7月前 (02-23) 0 0 Proxy介绍 Proxy是用于创建一个对象的代理,从而实现基本操作的拦截和自定义 Proxy使用 Proxy为 构造函数,用来生成 Proxy实例 let proxy = new Proxy(tar···
HTML笔记 使用js添加文字水印 无邪 7月前 (02-22) 0 0 经常在一些发布页面后面会有用户名的水印,主要用来在截图时候标识是谁发的。下面我们来看一下如何使用js来添加水印。 这里我们使用canvas来进行水印绘制 /** * 绘制水印 * @param can···
HTML笔记 react中的css隔离 无邪 7月前 (02-21) 0 0 一般情况下,我们在react中写css,都是直接以文件形式来写,然后再组件中进行引用,但是这种写法会导致相同class名称引起的样式冲突,这就要求我们在写class时对命名有严格的要求,比如前缀增加组···
HTML笔记 大文件上传实现方案 无邪 8月前 (01-28) 0 0 一般情况下,提到大文件上传,在脑海里最先想到的应该就是将图片保存到对象存储中,比如阿里云的OSS,华为云的OBS等,这些厂商也都提供了相应的sdk来实现文件的上传。那么如果我们自己来实现一个大文件上传···
HTML笔记 设计模式 – Adapter 适配器模式 无邪 12月前 (10-09) 0 0 Adapter(适配器模式) Adapter(适配器模式)属于结构型模式,别名 wrapper,结构性模式关注的是如何组合类与对象,以获得更大的结构,我们平常工作大部分时间都在与这种设计模式打交道。 ···
HTML笔记 js下载跨域图片 无邪 1年前 (2022-09-02) 0 0 图片下载这个也略麻烦,刚开始用a标签,但是a标签点击,浏览器会打开新的窗口展示图片,并不会直接下载到本地,我用了下面两种方法,亲测可用 文档参考: https://developer.mozilla.···
HTML笔记 设计模式 – Prototype 原型模式 无邪 1年前 (2022-09-02) 0 0 Prototype(原型模式) Prototype(原型模式)属于创建型模式,既不是工厂也不是直接 New,而是以拷贝的方式创建对象。 意图:用原型实例指定创建对象的种类,并且通过拷贝这些原型创建新的···
HTML笔记 js设置弹出式独立窗口页面 无邪 2年前 (2021-10-24) 0 0 一般简单的情况下我们会直接使用弹层的形式来进行处理,但是有的时候是一个复杂页面,需要弹窗显示,新开页面在另一个页签显示还达不到效果,所以我们需要让浏览器打开一个新的页面,并弹出来在当前页面之上,下面我···
HTML笔记 css表示长度的单位和如何基于屏幕可视宽高设置长度 无邪 2年前 (2021-06-10) 0 0 在css中除了inline行内元素外,都是可以设置宽度和高度的,有时候我们可以设置成固定的尺寸,如100px,那么这个元素在任何设备上的尺寸都是100px,固定尺寸使用的单位如px属于绝对长度单位, ···
HTML笔记 css设置height100%无效的问题 无邪 2年前 (2021-05-10) 0 0 height:100%这个属性我们在很多地方都会用到,尤其是像让子元素占满父元素区域的时候,但是有时候会感觉好恶心,为啥设置了半天总是不生效。那么我们先来看一下对于高度属性的可能值: 值 描述 aut···
HTML笔记 单页面应用使用rendertron完成服务器渲染解决方案 无邪 3年前 (2021-02-03) 0 0 单页面应用现如今成为了网站的主流,前端框架三剑客React、Vue、Angular基本形成三足鼎立之势。这些框架所带来的的编程体验以及高效的研发效率是不可否认的,但是也有一大缺点就是对于搜索引擎十分的···