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