2024-12-01 厉飞雨 阅读(136) 评论(0) 赞(9)

介绍 {#介绍} -------- `WeakMap`与`WeakSet`都是一种优化使用内存的解决方案。这两个数据结构的引用不会导致这些对象不被回收。上来就说这些有点太枯燥了，还是先聊聊它们能干什么。 WeakSet {#WeakSet} ------------------ 集合就是一堆互异的数据，想必这个读者都早就明白了，这里不多说。 相对于正统`Set`，`We...

2024-12-01 厉飞雨 阅读(118) 评论(0) 赞(23)

我们在开发前端项目时，经常需要对日期时间进行各种格式化显示，比如将其转换成前天、昨天、今天、明天、后天，其余日期转换成周几展示。具体源码如下： **函数：** ```lang-javascript getDayOrWeek(date) { if (date == null) return '' const dayArr = \['前天'...

2024-12-01 厉飞雨 阅读(95) 评论(0) 赞(17)

英文: Error: ClerkInstanceContext not found in Nextjs using for Clerk 问题 {#heading} ============= * error node_modules/@clerk/shared/dist/esm/hooks/createContextAndHook.js (4:0) @ assertC...

2024-12-01 厉飞雨 阅读(148) 评论(0) 赞(7)

源码 {#源码} -------- 使用[Codepen在线体验](https://codepen.io/kifuan/pen/RwQjrzM)和查看源码。 页面代码 {#页面代码} ------------ 在我们用前端框架的时候，经常用到路由技术，就是在地址栏确实发生了变化但是页面没有刷新，那么本文就介绍通过更改哈希的方式实现这样一种路由，下面是页面代码： |---...

2024-12-01 厉飞雨 阅读(131) 评论(0) 赞(10)

意图 {#意图} -------- > 动态地给一个对象添加一些额外的职责。就增加功能来说，装饰器模式相比生成子类更为灵活。 > > ------《设计模式：可复用面向对象软件的基础》中文版第132页 在Java中这样的设计可太多了，比如进行IO操作时的`XxxReader`，那么这里就模仿它进行一个应用。 示例 {#示例} -------- 如下： ...

2024-12-01 厉飞雨 阅读(98) 评论(0) 赞(13)

意图 {#意图} -------- > 将一个复杂对象的构建与它的表示（即实例对象）分离，使得同样的构建过程可以创建不同的表示 > > ------《设计模式：可复用面向对象软件的基础》中文版第74页 这句话里包含着两个要素：第一个是分离构建与表示，也就是说我们要单独创建一个新的类`XxxBuilder`来进行构建操作；第二个是这个`XxxBuilder`...

2024-12-01 厉飞雨 阅读(103) 评论(0) 赞(9)

需求 {#需求} -------- 假设我们有这样一个数据（来源于参考文章中的*浅谈JavaScript函数重载*，链接在文章尾部给出）： |---------------|--------------------------------------------------------------------------------| | ``` 1 2 3 ``` | `...

2024-12-01 厉飞雨 阅读(73) 评论(0) 赞(8)

工厂方法模式 {#工厂方法模式} ---------------- > 定义一个用于创建对象的接口，让子类决定实例化哪一个类。工厂方法使一个类的**实例化延迟到子类**。 > > ------《设计模式：可复用面向对象软件的基础》中文版第81页 在我理解中，所谓工厂方法，是指我们通过**调用已知的接口，获得未知的对象，做出预期的行为**。工厂方法为我们提供...

2024-12-01 厉飞雨 阅读(122) 评论(0) 赞(8)

意图 {#意图} -------- > 保证一个类仅有一个实例，并提供一个访问它的全局访问点。 > > ------《设计模式：可复用面向对象软件的基础》中文版第96页 这个概念有些类似于全局变量，它确保所有引用都访问到唯一的实例对象，这可以节省掉创建对象的开销。但是，相应地，在懒加载模式下，它也带来了检查是否已经创建对象的开销。所以还是要根据情况灵活选择...

2024-12-01 厉飞雨 阅读(121) 评论(0) 赞(10)

意图 {#意图} -------- > 将一个类的接口转换成客户希望的另外一个接口。适配器模式使得原本由于接口不兼容而不能一起工作的那些类可以一起工作。 > > ------《设计模式：可复用面向对象软件的基础》中文版第106页 值得注意的是，在JS中，我们对于数据类型的适配（把后端传来的JSON转成我们希望的格式）也应属于适配器的范畴，所以下文中分别叙述...