文章 | dcBlog

/** 将IP地址转换为一个32位的二进制字符串*/
function ipToBinary(ip) {
  return ip
    .split('.')
    .map(Number)
    .map((num) => num.toString(2).padStart(8, '0'))
    .join('');
}

/** 检查给定的IP是否在CIDR范围内 */
function isIpInCidrRange(ip, cidr) {
  const [range, cidrMask] = cidr.split('/');
  const ipBinary = ipToBinary(ip);
  const rangeBinary = ipToBinary(range);
  const maskLength = parseInt(cidrMask, 10);

  // 比较前缀是否相同
  return ipBinary.slice(0, maskLength) === rangeBinary.slice(0, maskLength);
}

// 测试函数
const ipAddress = '100.1.2.0/23';
const cidrRange = '100.1.1.2';

console.log(isIpInCidrRange(ipAddress, cidrRange));

Dachao2024/11/4小于 1 分钟

vue3挂载流程

一、整体渲染流程

众所周知 vue 的渲染从其入口函数，即createApp(APP).mount('#app')开始，整体的大概流程如下所示：

Dachao2024/9/12大约 6 分钟

6. Diff 算法

无论是哪种 Diff 算法，都遵循同样的处理规则：

判断是否有节点需要移动，以及应该如何移动；（可复用的节点）

找出那些需要被添加或移除的节点。（其他的节点）

Dachao2024/9/8大约 13 分钟

5. 渲染器

一、渲染器的基本概念

1. 与响应式的关系

const count = ref(1);
effect(() => {
  renderer(`<h1>${count.value}</h1>`, document.getElementById('app'));
});
count.value++;

Dachao2024/9/5大约 17 分钟

7. 编译器

编译器将源代码翻译为目标代码的过程叫作编译（compile）。完整的编译过程通常包含词法分析、语法分析、语义分析、中间代码生成、优化、目标代码生成等步骤。

Dachao2024/8/29大约 16 分钟

实现 mini-Pinia

vuex 的基本原理参考：手写 vuex 原理

Dachao2024/8/29大约 7 分钟

一、定义判断

一、 速算技巧

1. 加法技巧

尾数法

一、 看题顺序

代码实现

一、整体渲染流程

一、 渲染器的基本概念

1. 与响应式的关系

一、速算技巧

一、看题顺序

一、渲染器的基本概念