使用js添加文字水印
经常在一些发布页面后面会有用户名的水印，主要用来在截图时候标识是谁发的。下面我们来看一下如何使用js来添加水印。 这里我们使用canvas来进行水印绘制 /** * 绘制水印 * @param can···
react中的css隔离
一般情况下，我们在react中写css，都是直接以文件形式来写，然后再组件中进行引用，但是这种写法会导致相同class名称引起的样式冲突，这就要求我们在写class时对命名有严格的要求，比如前缀增加组···
Object.freeze的使用
什么是Object.freeze Object.freeze() 方法可以冻结一个对象。一个被冻结的对象再也不能被修改； 冻结了一个对象则不能向这个对象添加新的属性 不能删除已有属性 不能修改该对象已···
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，而是以拷贝的方式创建对象。 意图：用原型实例指定创建对象的种类，并且通过拷贝这些原型创建新的···
统计用户在页面停留时间关闭页面时页面停留时间ajax请求无效
场景说明 当需要统计用户在页面停留时间时需要在关闭页面或刷新页面时发送异步请求到服务器，发送信息给服务端。或者统计网页直播中在线人数，当用户退出页面是需要告知服务器此人已退出等等。这些都需要在页面关闭···
JS 中的 prototype、__proto__与constructor
前言 作为一名前端工程师，必须搞懂JS中的prototype、proto与constructor属性，相信很多初学者对这些属性存在许多困惑，容易把它们混淆，本文旨在帮助大家理清它们之间的关系并彻底搞懂···
使用react-hooks在事件监听中state不更新问题
在使用react开发网站时，使用事件监听是常有的事情，但是有时候你会发现一个问题，就是这个state有时候不更新，始终是一个值，让人很是费解。下面我们来看一下下面这个案例 function App()···
a标签href的功用
a标签在html内使用最多的就是超链接，在href属性中加入url链接即可。当然，他还有其他的一些功用，下面来看一下 锚点 <div id="div"></div> <a···
get和post的区别
get和post有什么区别，很多人首先能说出来的就是传参方式的不同，GET把参数包含在URL中，POST通过request body传递参数。 w3cschool上对这两个方法进行了一些解释： GET···