Objects


`React` 还为我们提供了一种称为`fragment`的元素。

`React` 要求在单个“父”组件中返回所有返回的元素。

例如，我们不能返回两个同级元素，比如 `h1` 和组件中的段落：

```jsx
// this syntax is invalid
// function MyComponent() {
//   return (
//     <h1>My header</h1>
//     <p>My paragraph</p>
//   );
// }
```

```jsx
// valid syntax
function MyComponent() {
  return (
    <>
      <h1>My header</h1>
      <p>My paragraph</p>
    </>
  )
}
```

使用`<React.Fragment></React.Fragment>` or `<></>`可返回多个元素。


React是一个JavaScript库，致力于使UI开发变得简单

React Fragments


Swift 中的错误处理是一种机制，用于在程序执行期间检测和处理错误。错误是指在程序执行期间发生的意外事件，例如网络连接中断、文件未找到等等。Swift 使用 try，catch 和 throw 语句来支持错误处理。

当一个函数可能会抛出错误时，需要在函数的定义中使用 throws 关键字来表示这一点。这告诉调用者，调用该函数可能会导致一个错误，并且必须用 try 语句调用该函数。

## 抛出错误

在 Swift 中，抛出错误使用 throw 关键字。如果一个函数、方法或初始化器可能出现错误，需要在声明中使用 throws 关键字来标识。例如：

```swift
enum MyError: Error {
  case invalidValue
}

func divide(_ x: Int, by y: Int) throws -> Int {
  if y == 0 {
    throw MyError.invalidValue
  }
  return x / y
}
```

在上述示例中，divide(\_:by:) 函数可能会抛出一个 MyError.invalidValue 类型的错误。

## 处理错误

当一个函数、方法或初始化器可能抛出错误时，调用者必须使用 try 关键字来调用该函数，否则会编译错误。例如：

```swift
do {
let result = try divide(10, by: 2)
  print(result)
} catch {
  print(error)
}
```

在上述示例中，使用 try 关键字调用了 divide(\_:by:) 函数，并使用 do-catch 语句捕获可能抛出的错误。如果函数调用成功，result 的值将被打印，否则将打印错误信息。

当调用一个可能抛出错误的函数时，可以使用多种方式来处理错误。例如，可以使用 do-catch 语句捕获错误、使用 try? 关键字将错误转换为可选值，或使用 try! 关键字表示该函数不会抛出错误。例如：

```swift
// 使用 try? 关键字将错误转换为可选值
let result1 = try? divide(10, by: 0)
print(result1)

// 使用 try! 关键字表示该函数不会抛出错误
let result2 = try! divide(10, by: 2)
print(result2)
```

在上述示例中，try? 关键字将错误转换为可选值，如果函数调用成功，则返回结果，否则返回 nil。try! 关键字表示该函数不会抛出错误，如果函数调用失败，程序将崩溃。

自定义错误类型
在 Swift 中，可以自定义错误类型来表示具体的错误信息。自定义的错误类型需要实现 Error 协议。例如：

```swift
enum MyError: Error {
  case invalidValue
  case networkError(String)
  case fileError(String, Int)
}
```

在上述示例中，定义了一个 MyError 类型，包含了三种错误情况：invalidValue 表示无效的数值，networkError 表示网络错误，fileError 表示文件错误，并且每种错误情况都包含了不同的错误信息。

例如，以下是一个可能会抛出错误的函数：

```swift
Copy code
func divide(_ dividend: Int, by divisor: Int) throws -> Int {
guard divisor != 0 else {
throw NSError(domain: "com.example", code: 0, userInfo: [
NSLocalizedDescriptionKey: "Cannot divide by zero"
])
}

    return dividend / divisor
}
```

在这个函数中，如果除数为零，就会抛出一个错误。我们可以使用 do 和 catch 语句来捕获和处理错误：

```swift
do {
  let result = try divide(10, by: 2)
  print(result) // Output: 5
} catch {
  print("Error: \(error)") // Output: Error: Cannot divide by zero
}
```

在上面的代码中，我们将 divide 函数的返回值存储在 result 变量中。如果 divide 函数抛出一个错误，那么程序将跳转到 catch 块，并打印错误信息。

除了使用 do 和 catch 语句来处理错误之外，还可以使用 try?和 try!语句来简化错误处理过程。try?语句将函数的返回值转换为一个可选类型，如果函数抛出错误，则返回 nil。try!语句则在函数抛出错误时直接崩溃程序。建议使用 try?和 try!语句的场景非常有限，因为它们会让程序在运行时变得不可预测。例如，以下是一个可能会抛出错误的函数：

```swift
func divide(_ dividend: Int, by divisor: Int) throws -> Int {
  guard divisor != 0 else {
    throw NSError(domain: "com.example", code: 0, userInfo: [
    NSLocalizedDescriptionKey: "Cannot divide by zero"
  ])
}

    return dividend / divisor
}
```

在这个函数中，如果除数为零，就会抛出一个错误。我们可以使用 do 和 catch 语句来捕获和处理错误：

```swift
do {
  let result = try divide(10, by: 2)
  print(result) // Output: 5
} catch {
  print("Error: \(error)") // Output: Error: Cannot divide by zero
}
```

在上面的代码中，我们将 divide 函数的返回值存储在 result 变量中。如果 divide 函数抛出一个错误，那么程序将跳转到 catch 块，并打印错误信息。

除了使用 do 和 catch 语句来处理错误之外，还可以使用 try?和 try!语句来简化错误处理过程。try?语句将函数的返回值转换为一个可选类型，如果函数抛出错误，则返回 nil。try!语句则在函数抛出错误时直接崩溃程序。建议使用 try?和 try!语句的场景非常有限，因为它们会让程序在运行时变得不可预测。


错误处理是一种处理程序运行过程中可能出现错误的机制。

Swift - 错误处理


Next.js 是基于 React 的框架，具有服务器端渲染功能。它非常快速，对搜索引擎优化友好

- Hot Code Reloading:Next.js 支持热更新，可以在源代码更改后立即生效。
- 自动路由:无需配置路由，Next.js 会自动生成路由。
- 组件化样式:Next.js 支持组件化样式，可以在组件中使用 styled-jsx 或者\*.module.scss 等。
- ssr:React 组件在服务器上预先渲染，因此在客户端加载速度更快。
- Node 生态
- 自动代码切割:Next.js 支持自动代码切割，只在需要用的时候才加载模块。
- Prefetch:Next.js 支持预加载，可以在页面加载时预加载页面。
- 动态组件:Next.js 支持动态引入模块或者组件。
- 导出静态站点:Next.js 支持导出静态站点，可以在服务器上构建静态页面。
- 内置 TS 支持:Next.js 由 TS 开发，支持 TS 语法。

[Next.js 官方文档](https://nextjs.org/docs)


Next.js是基于React的框架，具有服务器端渲染功能。

Next.js - Overview


闭包是一种自包含的函数，可以在代码中被传递和使用。闭包可以捕获和存储其所在上下文中的任何常量和变量的引用，因此被称为闭包，因为它们会封闭这些变量。Swift 中的闭包与 C 和 Objective-C 中的块（blocks）以及其他一些编程语言中的匿名函数类似。

以下是一个简单的示例，用于排序一个字符串数组：

```swift
let names = ["Chris", "Alex", "Ewa", "Barry", "Daniella"]

func backward(_ s1: String, _ s2: String) -> Bool {
  return s1 > s2
}

var reversedNames = names.sorted(by: backward)
```

在上面的示例中，backward 函数接受两个字符串参数，比较它们的大小，并返回一个布尔值，表示第一个字符串是否在第二个字符串之后。sorted 函数接受一个闭包作为参数，并使用该闭包对数组进行排序。由于 backward 函数符合 sorted 函数要求的类型，因此可以将 backward 函数作为 sorted 函数的参数传递。

在 Swift 中，可以使用闭包表达式来定义闭包。闭包表达式使用一对花括号（{}）来定义，并且在花括号中可以指定参数列表、返回类型和函数体。

以下是使用闭包表达式进行排序的示例：

```swift
let names = ["Chris", "Alex", "Ewa", "Barry", "Daniella"]

var reversedNames = names.sorted(by: { (s1: String, s2: String) -> Bool in
  return s1 > s2
})
```

在上面的示例中，sorted 函数的参数是一个闭包表达式。闭包表达式包含了与 backward 函数相同的代码，但是这些代码被写成了更简单的形式。闭包表达式使用一对花括号来定义闭包，并指定参数列表和返回类型。在闭包体中，可以使用 return 关键字来返回值。

Swift 中的闭包还有以下特点：

- 闭包表达式可以从上下文中推断出参数类型和返回类型，因此可以省略它们。
- 闭包表达式可以使用简写参数名，用 $0、$1、$2 等来代替参数名。
- 如果闭包表达式只包含一行代码，可以省略 return 关键字。
- 可以将闭包表达式作为函数的最后一个参数传递，并将其放在圆括号外面，以提高可读性。
  以下是使用闭包表达式进行排序的更简单的示例：

```swift
let names = ["Chris", "Alex", "Ewa", "Barry", "Daniella"]

var reversedNames = names.sorted(by: { $0 > $1 })
```

Swift 中的闭包是非常有用的工具，可以使代码更加简洁、可读和易于维护。


闭包是一种自包含的函数，可以在代码中被传递和使用

Swift - 闭包


[Chrome Store](https://chrome.google.com/webstore/devconsole)

向 chrome store 发布插件需要账户，并且一次性支付 5 刀

![ltzRTH](https://cdn.jsdelivr.net/gh/manonicu/pics@master/uPic/ltzRTH.jpg)

注册并支付后，点击做侧边栏选项卡，点击新建项目

![1nDx44](https://cdn.jsdelivr.net/gh/manonicu/pics@master/uPic/1nDx44.jpg)

提交`zip`文件后，需要填写一些必须的字段：

- 描述：关于此扩展做什么的
- 类别：扩展类型
- 语言：插件的主要语言
- 图标：商店图标（128\*128）
- 屏幕截图：提供至少一张 1280*800 或 640*400 的屏幕截图

在`隐私`选项上：

- 简短介绍
- 权限：使用了哪些权限
- 数据：需要使用哪些数据

如无法提交，点击以下链接查看可能的原因。

![YEafWz](https://cdn.jsdelivr.net/gh/manonicu/pics@master/uPic/YEafWz.jpg)

## Source Code

[【Source Code】](https://github.com/rebelchris/turbo-reader)


基于react、tailwindcss开发自己的chrome插件

Chrome插件开发 - Publishing a Chrome browser extension


**nohup**用于忽略 SIGHUP ("signal hang up" 译：挂断信号) 在系统后台不挂断地运行命令，退出终端不会影响程序的运行。

nohup 命令在默认情况下（非重定向时），会输出一个名叫 nohup.out 的文件到当前目录下，如果当前目录的 nohup.out 文件不可写，输出重定向到 $HOME/nohup.out 文件中。

## 使用方法

```bash
nohup <command>
```

停止运行

```bash
#使用如下命令找到进程pid，然后使用kill杀掉进程
ps -aux | grep <command>
```

## 参数

- Command：要执行的命令。
- Arg：一些参数，可以指定输出文件。
- &：让命令在后台执行，终端退出后命令仍旧执行。

nohup 命令可以在 Linux、macOS、WSL 和任何有 UNIX 环境的地方使用


用于忽略 SIGHUP (挂断信号) 在系统后台不挂断地运行命令，退出终端不会影响程序的运行