在使用 vite 时，有个需求是把项目拷贝到另一个目录下运行，出现以下错误 SyntaxError: Cannot use import statement outside a module。

运行 npm run build 时，出现类似以下的错误：

1
2
3
4

node_modules/vite/bin/vite.js:2
import { performance } from 'node:perf_hooks'

Cannot use import statement outside a module

这个报错有三种情况，大家可以依据各自的情况进行处理。

情况1:node_modules缓存

这种情况是由于 node_modules 缓存的文件，这时只要删除 node_modules ，并重新安装依赖包。

1

npm install

再重新运行即可解决。

情况2:node版本较低

Vite 要求 Node.js 版本大于 18+ 20+，如果不满足，请升级本机的 npm 版本

情况3:

脚本没有在 module 范围内执行，例如写成下面的形式会报错

1

<script src="./file.js"></script>

需要改成

1

<script type="module" src="./file.js"></script>

在使用 xml2json 包时，发现使用 json2xml 函数时，出现以下错误 Uncaught ReferenceError: Buffer is not defined 。

查看代码发现报错语句为 json2xml.js 的第 4 行：

1

if (json instanceof Buffer) 

这是因为在某些情况下，Buffer 包不存在。

一个需求是这样：要用 js 来读 ajax 接口中的header头的某个字段，例如 Etag。
这时有可能出现两种报错信息。
第一：全部 Response 字段里获取不到指定字段。

1
2
3
4
5

console.log(xhr.getAllResponseHeaders());
/*
content-length: 44
content-type: application/json; charset=utf-8
*/

发现没有 Etag 这个字段。

在排查一些DNS 问题时，顺便学了些DNS的基础知识，记录一下。

什么是根、顶级、权威、本地域名服务？

域名解析过程涉及4个DNS服务器，分别如下：

CoreDNS 是一个开源的域名系统（DNS）服务器，用于将域名解析为 IP 地址以实现网络通信。它是一个用 Go 语言编写的可扩展 DNS 服务器，旨在取代传统的 DNS 服务器并提供更灵活、可配置的解析方案。

安装配置

一个极简的Corefile配置如下

1
2
3
4

.:PORT {
   whoami
   log
}

DNS服务默认端口为53。本机测试期间，选择使用 1053 端口。

首先创建名为 Corefile1 的配置文件，内容如下：

1
2
3
4

.:1053 {
   whoami
   log
}

启动 coredns 服务：

1
2
3
4

% coredns -conf ./Corefile1
.:1053
CoreDNS-1.11.1
darwin/arm64, go1.21.0,

使用hosts插件

在某个项目中，我要用CoreDNS来 为特定域名指定hosts。这时用到了 hosts 插件。

例如：要实现把 a.example.com 指向 192.168.1.2。

在使用 canvas 生成图片时，使用到了 toDataURL 的方法。

1

canvas.toDataURL("image/png",quality);

对于参数 0 <= quality <= 1，quality 越小，压缩质量越差，生成的图片尺寸越小，图像越模糊。
对于 jpg 格式的图片，这个参数是生效的。但对于 png 格式的图片，无论 quality 是任何值，最终生成的图片都一样的体积。

这是因为 png 格式输入无损图片格式，不管怎么设置，quality 永远等于 1。

这就是 quality 参数对 png 格式图片不生效的原因。

只有在指定图片格式为 image/jpeg 或 image/webp 的情况下，可以从 0 到 1 的区间内选择图片的质量。也就是说 quality 参数只对 jpg 和 webp 图片有效。

PNG 图片如何压缩？

一般而言，压缩 PNG 图片，需要对图片进行重新采样，即把相似的颜色进行合并，这种技术被称作“量化（quantization）”。在线工具可以使用 图片压缩优化工具。

参考资料：Canvas toDataURL文档

CAP Theorem: Revisited 译文

记录：两个月之前，我写了一篇博客来解释 CAP 定理。发表之后我意识到，我在这个主题上的思考已经非常过时，并且不适应于真实世界。我尝试在这篇博客上弥补该缺陷。

在当今的技术环境中，当需要额外的资源（计算，存储等）以在合理的时间范围内成功完成工作负载时，我们见证了对系统进行扩展的强烈且不断增长的需求。这可以通过向系统添加其他商品硬件来处理增加的负载来实现。 这种扩展策略的结果是系统增加了额外的复杂度。 这就是 CAP 定理起作用的地方。

channnel 中文译作通道。通道的核心是通信（signaling）。一个通道允许一个 goroutine 向另一个 goroutine 发送关于特定事件的信号。把通道看作一种信号机制（signaling mechanism），将帮助你写出更好的代码，和更精确的行为。
为了理解信号是如何工作的，我们必须理解三个特性：

• 投递可靠性保障（Guarantee Of Delivery）
• 状态（State）
• 是否携带数据（With or Without Data）

这三个特性设计了一种信号机制。

Table of Contents

• 前言
• 第 1 节 什么是HTTPS
  • SSL 介绍
  • HTTP 和 HTTPS 的比较
  • HTTPS 的优势
• 第 2 节 SSL 的工作原理
  • 非对称密码学
  • 对称密码学
  • SSL 上的数据传输
    • SSL 握手
  • 数据传输
  • 公共密钥基础架构
• 第 3 节 什么是 SSL 证书?
  • X.509
  • SSL 证书的类型
  • 基于验证级别的 SSL 证书类型
    • 域验证证书（Domain Validated Certificates）
    • 组织验证证书（Organization Validated Certificates）
    • 扩展验证证书（Extended Validated Certificates）
  • 基于域名数目的 SSL 证书类型
    • 单域名证书（Single Domain Certificate）
    • 通配符证书（Wildcard SSL Certificate）
    • 统一SSL证书/多域SSL证书/ SAN证书（Unified SSL Certificate /Multi-Domain SSL Certificate/SAN Certificate）
• 第 4 节 SSL 证书格式
  • PEM 格式
  • PKCS#7 格式
  • DER 格式
  • PKCS#12 格式
• 结语
• 参考文献

Table of Contents

• Scala 简介
• 安装与配置
  • 安装 Java
  • 安装 Scala
  • 安装 sbt
• Hello World
  • 交互模式
  • 编译模式
  • 构建模式
• 基本语法
• 基本概念
• 数据类型
  • 整数
  • 浮点数
  • 字符
  • 布尔
  • 其它类型
  • 变量与常量
• 流程控制逻辑
  • 条件控制
  • 循环控制
  • 循环控制的 break 和 continue
• 类和对象
  • 一个例子
  • 构造函数
  • 主构造函数
  • 辅助构造函数
  • singleton objects
  • 伴生对象 Companion Object
  • 继承
    • override
    • 一个例子
• 模式匹配
  • 简单例子（整型数值匹配、温度判断）
  • case class
  • apply
  • unapply
• 并发编程 Akka
  • Akka Hello World
  • Akka Quickstart with Scala
    • 下载
  • 配置及运行
    • 代码解读
    • 思考
• 参考文献