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，而是以拷贝的方式创建对象。 意图：用原型实例指定创建对象的种类，并且通过拷贝这些原型创建新的···
require 加载器实现原理
我们常说node并不是一门新的编程语言，他只是javascript的运行时，运行时你可以简单地理解为运行javascript的环境。在大多数情况下我们会在浏览器中去运行javascript，有了nod···
设计模式–工厂模式
Factory Method（工厂方法） Factory Method（工厂方法）属于创建型模式，利用工厂方法创建对象实例而不是直接用 New 关键字实例化。 理解如何写出工厂方法很简单，但理解为什么···
设计模式-Builder生成器
Builder（生成器） Builder（生成器）属于创建型模式，针对的是单个复杂对象的创建。 意图：将一个复杂对象的构建与它的表示分离，使得同样的构建过程可以创建不同的表示。 举例子 如果看不懂上面···
设计模式–抽象工厂
# Abstract Factory（抽象工厂） Abstract Factory（抽象工厂）属于创建型模式，工厂类模式抽象程度从低到高分为：简单工厂模式 -> 工厂模式 -> 抽象工厂模式。 意图：···
js设置弹出式独立窗口页面
一般简单的情况下我们会直接使用弹层的形式来进行处理，但是有的时候是一个复杂页面，需要弹窗显示，新开页面在另一个页签显示还达不到效果，所以我们需要让浏览器打开一个新的页面，并弹出来在当前页面之上，下面我···
Promise的三种状态
Promise对象，可以将异步操作以同步操作的流程表达出来，避免了层层嵌套的回调函数,但Promise对象的状态不受外界影响，Promise对象代表一个异步操作，有三种状态： pending（进行中）···
前端异常捕获机制
前言 BUG是一个软件工程师永远也绕不开的问题，它可能存在于任何你想不到的地方，有时候用户反馈过来了，你还偏偏无法复现不知道具体是哪出了问题。 因此，对于最接近用户的前端来说，为了能远程定位问题、增强···
css表示长度的单位和如何基于屏幕可视宽高设置长度
在css中除了inline行内元素外，都是可以设置宽度和高度的，有时候我们可以设置成固定的尺寸，如100px，那么这个元素在任何设备上的尺寸都是100px，固定尺寸使用的单位如px属于绝对长度单位， ···