前言​

估计东京有大约 8,000 家咖啡店。这些咖啡店类型多样，涵盖了从独立的小型咖啡馆到星巴克、Tully's Coffee 和 Doutor 等连锁品牌。东京的咖啡文化非常发达，许多白领、家庭主妇和学生都喜欢在这些咖啡店中放松或工作。包括笔者自己也是如此。😊

本文正是对我此刻在咖啡店中思考的这个问题进行的整理和反思 😄。

原因​

结合我自身利用咖啡店的经验，可以从以下两个角度展开：心理上的放松 🧘‍♂️ 和集中注意力 🎯。

心理上的放松 🧘‍♀️​

咖啡店作为一种“第三空间”（即介于家庭和工作场所之间的空间），提供了独特的环境，可以帮助人们从日常压力中解脱出来。这种放松不仅来源于环境的变化，还源于咖啡店的整体氛围：

• 环境氛围 🏠

咖啡店通常拥有舒适的座椅 🛋️、温暖的灯光 💡 和柔和的背景音乐 🎶。这种组合创造了一种温馨的氛围，让人们可以放松身心。在这样一个环境中，人们可以远离家庭琐事或办公室压力，享受片刻的宁静 😌。

• 社交与独处的平衡 🤝

咖啡店提供了一个既能融入社交氛围又能保持个人空间的场所。即使不直接与他人交流，看到周围人的活动也能让人感到安全和舒适 👥。这种轻微的社交联系有助于减轻孤独感，同时又不会打扰到个人的独处时光。

• 心理仪式 🛎️

许多人将去咖啡店看书或工作视为一种心理仪式。这种仪式感让他们感觉自己在为个人时间和精神健康投入精力，从而增加了心理上的满足感 😊。

集中注意力 🎯​

• 心理上的自律感 ⏳

在咖啡店里，特别是当周围的人也在认真工作或学习时，这种环境会无形中激励个体更加自律 💪。这种自律感不仅提升了注意力，还增强了任务完成的成就感 🏆。

• 分散与专注的微妙平衡 ⚖️

在家，人们容易受到各种干扰，如家务的打断等。而在咖啡店，虽然环境变化较多，但这些变化通常是背景化的，不会直接打扰到个体的任务。这种微妙的分散与专注的平衡反而有助于人们保持长时间的集中 🕒。这点和上面“环境氛围”中提到的原因有重合之处。

• 背景噪音的作用 🎧

研究表明，适度的背景噪音可以提高人们的专注度和创造力 💡。咖啡店的环境噪音，如低语声、咖啡机的运作声，可以形成一种“白噪音”，有效地屏蔽掉更为突兀或分散注意力的声音 🔊。这种白噪音有助于人们进入“心流”状态，从而提高工作或学习效率 📈。实际上，如果家中没有干扰因素，适当的背景噪音在家里也同样有效 🏡。

结语 📝​

咖啡店作为一个独特的空间，结合了心理放松与专注力提升的优势，成为了许多人工作、学习或阅读的理想之地 📍。在这样一个充满氛围的地方，人们不仅能找到片刻的平静，还能在温暖的咖啡香气中，找到更高效、更愉悦的工作与学习体验 📖😊。

简介​

• Chrome 浏览器内置强大的截图功能
• 无需外部工具或插件，即可获取各种类型的截图
• 本文将介绍适用于 Mac 和 Windows 用户的操作方法

概述​

以下流程图展示了使用 Chrome DevTools 进行截图的基本步骤：

如何打开 DevTools​

有下面几种方法可以打开 Chrome DevTools：（任选一种即可）

1. Mac: Command + Option + I Windows: F12 或 Ctrl + Shift + I
2. 在浏览器窗口中右击并选择"检查"
3. Chrome 菜单 > 更多工具 > 开发者工具

截图类型和方法​

1. 全页面截图​

• Mac: Command + Shift + P Windows: Ctrl + Shift + P
• 输入"Capture full size screenshot"并按 Enter

2. 可视区域截图​

• 打开上述命令菜单，选择"Capture screenshot"

3. 特定元素截图​

• 点击 DevTools 左上角的元素选择工具（光标图标）
• 在页面上点击目标元素
• 右击元素并选择"Node screenshot"

4. 响应式设计测试​

• 点击 DevTools 顶部的设备工具栏图标（或 Mac: Command + Shift + M / Windows: Ctrl + Shift + M）
• 选择设备类型或屏幕尺寸
• 使用上述方法进行截图

键盘快捷键（Mac / Windows）​

• 打开 DevTools: Command + Option + I / F12 或 Ctrl + Shift + I
• 打开命令菜单: Command + Shift + P / Ctrl + Shift + P
• 切换设备模式: Command + Shift + M / Ctrl + Shift + M

总结​

• Mac 和 Windows 用户都能轻松使用, 无需额外软件
• 不仅适用于 Web 开发者，对普通用户也很有用

电源按钮图标的由来​

• 以前的电源开关

图标中的 1 和 0 分别代表了开和关，这个图标的由来是因为二进制的 1 和 0 分别代表了开和关。

• 现在的电源开关

两者一比较，就会发现，现在的电源按钮图标是一个圆形（0），中间有一个竖线（1）， 也就是代表了开和关。

NOTE​

图片是用 ChatGPT 生成的。

货币供应量有 3 个定义，分别是 M0、M1 及 M2，但部分地区会定义为 M1、M2 及 M3。

• M0 = 流通中的现金
• M1 = M0 + 商业银行活期存款，称为狭义货币供应量，又称狭义货币。
• M2 = M1 + 商业银行定期存款，称为广义货币供应量，又称广义货币。

1. Slice 是什么？​

Slice 是 Go 语言中的一种类似数组的数据结构，是对数组的一个封装。

和数组相比，slice 的长度是可以动态变化的，可以通过内置函数 append 来动态增加切片的长度。

2. Slice 的注意事项和常见错误以及陷阱​

2.1. 未初始化的切片​

未初始化的切片是 nil，对其进行操作会导致运行时错误。

package main

import "fmt"

func main() {
    var fruits []string
    // fruits[0] = "🍎" // 这会导致运行时错误：panic: runtime error: index out of range [0] with length 0

    // 正确做法1：初始化切片
    fruits := make([]string, 1)
    fruits[0] = "🍎"

    // 正确做法2：使用字面量初始化切片
    fruits := []string{"🍎"}

    // 正确做法3：使用 append 函数初始化切片。（如果不是特别注重性能，这种方式是最简单的。）
    fruits = append(fruits, "🍎")
}

2.2. 使用 append 函数时，注意重新赋值​

append 函数会在容量不足时重新分配一个更大的底层数组，并将原来的数据复制到新的数组中，然后返回一个新的切片，

所以注意在使用 append 函数时，如果需要使用原来的切片变量，就需要重新赋值。

    fruits := []string{"🍎"}
    fruits = append(fruits, "🍌")

2.3. 切片作为函数参数时的引用问题​

切片是引用类型，所以在函数参数中传递切片时，实际上是传递了切片的引用。

func modifyFruits(fruits []string) {
    fruits[0] = "🍌"
}

func main() {
    fruits := []string{"🍎", "🍌"}
    fmt.Println("Before modification:", fruits) // 输出: Before modification: [🍎 🍌]

    modifyFruits(fruits)
    fmt.Println("After modification:", fruits) // 输出: After modification: [🍌 🍌]
}

2.4. 切片的截取​

切片的截取操作是左闭右开的，即 a[1:3] 表示从下标 1 开始到下标 3 结束，但不包括下标 3。

    fruits := []string{"🍎", "🍌", "🍇", "🍉"}
    fmt.Println(fruits[1:3]) // 输出: [🍌 🍇]

2.5. 切片的长度和容量混淆​

切片的长度是指切片中元素的个数，容量是指切片底层数组的长度。

    fruits := make([]string, 2, 5)
    fmt.Println("Length:", len(fruits), "Capacity:", cap(fruits)) // 输出: Length: 2 Capacity: 5

    // fruits[3] = "🍇" // 这会导致运行时错误：panic: runtime error: index out of range [3] with length 2

    // 正确做法：使用 append 来添加元素
    fruits = append(fruits, "🍇")

2.6. 切片的复制​

切片的复制是浅拷贝，即复制的是切片的引用，而不是切片的底层数组。

这个和函数参数传递的引用是类似的。

    fruits := []string{"🍎", "🍌"}
    fruitsCopy := fruits
    fruitsCopy[0] = "🍌"
    fmt.Println("Original slice:", fruits) // 输出: Original slice: [🍌 🍌]

在 Go (Golang) 编程中，map 是一种强大且灵活的数据结构，用于存储键值对。

然而，为了确保高效和正确的使用，有几个重要的点需要注意。

本文将详细介绍这些关键考虑因素，并通过示例代码展示如何在 Go 中有效地使用 map。

1. 初始化​

在使用 map 之前，必须对其进行初始化。可以使用 make 函数或使用 map 字面量来初始化。

// 使用 make
m := make(map[string]int)

// 使用 map 字面量
m := map[string]int{"🍎": 1, "🍌": 2}

2. Nil Map​

nil map 与 空 map 不同。

nil map 不能写入，尝试写入会导致运行时恐慌(panic)。

因此，始终要初始化你的 map。

var m map[string]int // m 是 nil
m["🍎"] = 1          // 这会导致恐慌

3. 从 Map 中读取​

从 map 中读取时，如果键不存在，会返回值类型的零值。为了区分缺失的键和实际的零值, 可以使用多返回值的方式。

value, ok := m["🍊"]
if ok {
    fmt.Println("找到了:", value)
} else {
    fmt.Println("未找到")
}

4. 从 Map 中删除​

使用 delete 函数从 map 中移除键值对。在键不存在的情况下调用 delete 是安全的。

delete(m, "🍎")

5. 并发访问​

Map 不是并发安全的。如果多个 goroutine 同时访问一个 map，并且至少有一个修改了 map，你必须使用互斥锁或通道来同步访问。

var mu sync.Mutex

mu.Lock()
m["🍎"] = 1
mu.Unlock()

6. 迭代顺序​

map 的迭代顺序不能保证在程序的不同运行中保持一致。如果你需要稳定的迭代顺序，必须显式地对键进行排序。

keys := make([]string, 0, len(m))
for k := range m {
    keys = append(keys, k)
}
sort.Strings(keys)
for _, k := range keys {
    fmt.Println(k, m[k])
}

7. 作为 set 使用​

Golang 中没有 set 类型，但可以使用 map 来模拟 set 。只需将值类型设置为 struct{} 即可。

struct{} 是一个空结构，不占用任何内存空间。这样可以节省内存，因为 map 的值是空结构，而不是实际的值。

s := make(map[string]struct{})
s["🍎"] = struct{}{}

// 检查键是否存在
_, ok := s["🍎"]

如果觉得麻烦，可以直接使用第三方库 golang-set。

需求​

把花纹填充到图片中可以让您的图片更具艺术感和创意。

在这篇文章中，我们将介绍如何使用 ChatGPT 来为图片添加花纹和纹理。

比如把下面的花纹填充到扇子图片中：

步骤​

1. 打开 ChatGPT， 在输入框中上传图片。并输入 @DALL・E （一个 ChatGPT 的用于生成图片的插件）选中后，输入以下文本：​

把图 1 的花纹图片填入图 2 中的扇子中。

2. 点击“生成”按钮，等待 ChatGPT 生成结果。​

补充​

如果不选择 @DALL・E 直接使用 ChatGPT 也可以，但效果好像不如 @DALL・E。

下面是不选择 @DALL・E 的效果：

背景​

使用 ChatGPT 生成带有中文的图片的图片时，中文会出现乱码的问题。本教程将介绍如何解决这个问题。

比如，我让 ChatGPT 生成一个带有中文的图片，输入如下：

请生成一张猫的照片，并在照片上加上中文字 “猫咪”

生成的图片如下：

步骤​

1. 下载中文字体，比如有名的 Noto Serif SC​

下载地址：Noto Serif SC

如果你想显示日语韩语等其他语言，可以下载 Noto Serif CJK 字体。

下载解压后会得到以下几个像 NotoSerifSC-xxx.otf 这样的字体文件。

xxx 部分表示的是字体的粗细，可以根据自己的需要选择。

这次我们用的是 NotoSerifSC-Regular.otf。

2. 打开 ChatGPT，上传字体文件，输入你的 prompt​

请生成一张猫的图片
在图片上加入“我的猫咪” 字样
请使用附件中的字体。

点击 3️⃣ 下载图片。

3. 生成图片​

4. 扩展​

上面生成的图片，没有指定文字的位置和颜色。现在默认好像是用黑色并显示在图片的底部中间。

如果你想指定文字的位置和颜色，可以在 prompt 中加入更多的信息。

比如：

请生成一张小猫的图片，
在图片上的左上角加入“我的猫咪” 文字，文字颜色用白色
文字请使用附件中的字体

生成的图片就会是这样：

前言​

Docusaurus 是一个由 Facebook 开发的开源项目，用于构建静态网站。

它是一个基于 React 的静态网站生成器，可以帮助您快速创建网站。

Docusaurus 还提供了一个易于使用的博客插件，可以帮助您创建博客。

Docusaurus 默认不提供 RSS 导航菜单，在本文中，我们将介绍如何为 Docusaurus 博客添加 RSS 导航菜单。

怎么给 Docusaurus 博客 添加 RSS 导航菜单​

module.exports = {
  ...
  themeConfig: {
    ...
    navbar: {
      items: [
          // blog rss
          {
            href: '/blog/rss.xml',
            label: 'RSS',
            position: 'right',
            target: '_blank', // Open the link in a new tab/window
          },
      ],
...

补充说明​

BTW, 如果用 to 选项的话，点击 RSS 链接会报页面无法找到的 404 错误，

因为 Docusaurus 会把 to 选项的值当作一个页面的路径，而不是一个链接。

module.exports = {
  ...
  themeConfig: {
    ...
    navbar: {
      items: [
          // blog rss
          {
            to: '/blog/rss.xml',
            label: 'RSS',
            position: 'right',
          },
      ],
...

问题​

有 2 个数组，互相可能有重复的元素，如何合并这两个数组并去重？

比如有两个数组：

type User struct {
    ID   int // ID 作为唯一标识 (ID相同则认为是同一个元素)
    Name string
}

old := []User{
    {ID: 1, Name: "a"}, // only in old
    {ID: 2, Name: "b"}, // 重复
}

new := []User{
    {ID: 2, Name: "c"}, // 重复
    {ID: 3, Name: "d"}, // only in new
}

合并后的结果应该是：

c := []User{
    {ID: 1, Name: "a"}, // only in old
    {ID: 2, Name: "c"}, // 重复 (保留 new 中的)
    {ID: 3, Name: "d"}, // only in new
}

解决方案（一般化）​

package main

import "fmt"

type User struct {
    ID   int
    Name string
}

// contains Check if an element exists in a slice.
//  keyFunc is used to uniquely identify the elements.
func contains(slice []any, item any, keyFunc func(any) any) bool {
    for _, element := range slice {
        if keyFunc(element) == keyFunc(item) {
            return true
        }
    }
    return false
}

// mergeSlices Merges two slices and removes duplicates.
//
//  keyFunc  is used to uniquely identify the elements.
//  if an element exists in both old and new, the element in new takes precedence.
//  old and new are assumed to have no duplicate elements.
// The order is not guaranteed.
func MergeSlices(old, new []any, keyFunc func(any) any) []any {
    var merged []any

    // copy new to merged
    merged = append(merged, new...)

    for _, item := range old {
        if !contains(merged, item, keyFunc) {
            merged = append(merged, item)
        }
    }

    return merged
}

func main() {
    old := []any{
        User{ID: 1, Name: "a"},
        User{ID: 2, Name: "b"}, // 重複
    }
    new := []any{
        User{ID: 2, Name: "c"}, // 重複
        User{ID: 3, Name: "d"},
    }

    mergedUsers := MergeSlices(old, new, func(item any) any {
        return item.(User).ID
    })
    fmt.Printf("Merged Users:%+v", mergedUsers) // Merged Users:[ {ID:1 Name:a} {ID:2 Name:c} {ID:3 Name:d}]
}