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

意图 {#意图} -------- > 定义一系列算法， 把它们一个个封装起来，并且使它们可以相互替换。本模式使得算法可独立于使用它的客户而变化。 > > ------《设计模式：可复用面向对象软件的基础》中文版第234页 由于在JS中，函数是一等公民，所以我们这里直接把函数当作这一个个策略对象即可。 示例 {#示例} -------- 我们的编码目的...

2024-12-01 厉飞雨 阅读(418) 评论(0) 赞(16)

意图 {#意图} -------- > 在不破坏封装性的前提下，捕获一个对象的内部状态，并在该对象之外保存这个状态。这样以后就可将该对象恢复到原先保存的状态。 > > ------《设计模式：可复用面向对象软件的基础》中文版第212页 这个常常被运用于游戏存档、操作撤销等场景。 示例 {#示例} -------- 这是一个悲催的故事，内容是一个人先涨薪...

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

背景 {#背景} -------- 这是在**AVL树** 计算高度时遇到的问题。为了方便大家看到问题的本质，这里使用一个**单链表**复现问题。 我们有一个链表，并且把它的深度储存到了每一个节点里（所谓深度就是它拥有的子节点层数，对于一个链表而言就是它的**长度减一**）。 复现 {#复现} -------- 先一个个函数来实现一个简单的链表。不直接说的原因是我想让读...

2024-12-01 厉飞雨 阅读(334) 评论(0) 赞(14)

源码 {#源码} -------- 前往[Codepen](https://codepen.io/kifuan/pen/vYdzpPz)在线体验。 介绍 {#介绍} -------- **防抖** 和**节流**是两个JS中的概念，它们被广泛应用于被频繁触发的事件中，如搜索框在输入时会弹出候选列表：如果每次输入都发送一个AJAX请求来获取数据，那么后台就要被刷爆了。所以，...

2024-12-01 厉飞雨 阅读(433) 评论(0) 赞(24)

背景 {#背景} -------- 我没有系统性的从头开始学过一遍JS，全凭之前学的其它语言，尤其是Python，直接上手操作了，所以留了不少的坑。 虽然对我来说是一个坑，但我觉得本文更适合放到学习的分类里。 给出下列代码。这里是对原问题的一个抽象，只是把问题的核心单独摘出来了： |------------------------------------|-------...

2024-12-01 厉飞雨 阅读(252) 评论(0) 赞(20)

<h2>实现 {#实现}</h2> <p>代码看起来很简单，这里就直接给出来了：</p> <p>|---------------------------------------------------|-----------------------------------------------------------...

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

源码 {#源码} -------- > 来自半年后的说明：我把代码转放到 gists 里了，当时代码风格受 Python 影响较大，这里就不再更改了，毕竟大家本地都有自己的格式化工具。 点击[这里](https://gist.github.com/hikariyo/b838dff3bdf0d280b25f50a66abd699c)前往Github获取本文源码。 需求...

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

背景 {#背景} -------- 遍历数组的时候，我相信大多数人已经用上ES6的`for...of`语法了： |---------------------|--------------------------------------------------------------------------------------| | ``` 1 2 3 4 5 6 ```...

2024-12-01 厉飞雨 阅读(329) 评论(0) 赞(19)

<h2>背景 {#背景}</h2> <p>众所周知，JS是单线程语言，但它支持异步操作，其核心机制就是JS引擎的<strong>事件循环</strong>。</p> <p>先上一段代码：</p> <p>|----------------------------------...

2024-12-01 厉飞雨 阅读(294) 评论(0) 赞(16)

背景 {#背景} -------- 在JS中并没有原生枚举的实现，可以通过下面几种方法来模拟类似的操作。 直接使用字符串 {#直接使用字符串} ------------------ 上代码： |---------------------------------------|-------------------------------------------------...