# Furious客户端连接Hysteria2

## 简介

本文介绍在Windows上的 **Furious** 客户端，如何连接自己搭建的 `Hysteria2` 服务端。

**提示：Furious 0.2.6 后支持 Hysteria 2，本文测试时使用的是 0.2.12 版本。**

PS：最近 **Hysteria2** 挺火，趁热尽量多写几个与它有关的分享吧😁。



## Furious介绍

Furious是个比较新的且开源的梯子连接工具，查看其Github仓库提交记录可以发现，首次提交发生在 `2023-7-24`。

- Github仓库：https://github.com/LorenEteval/Furious

其仓库简介是这么说的：`A PySide6-based cross platform GUI client that launches your beloved GFW to outer space. Support Xray-core and hysteria.` 翻译一下是：**一个基于 PySide6 的跨平台 GUI 客户端，可将您心爱的 GFW 发射到外太空。 支持Xray-core和hysteria。**

Furious目前支持Windows, macOS 和 Linux 三大常见电脑操作系统。

PS：其软件图标和小火箭图标`Shadowrocket`很像，多多少少有点`借鉴`的感觉。

## Furious安装和运行

建议前往仓库发布页面自行选择版本并下载，发布页地址：https://github.com/LorenEteval/Furious/releases 。

本文使用的是 [Furious-0.2.12-windows-x86_64.zip](https://github.com/LorenEteval/Furious/releases/download/0.2.12/Furious-0.2.12-windows-x86_64.zip) (点击下载)。下载后解压即可，当前软件为免安装程序。

> 更多安装方式可查看官方说明：[安装](https://github.com/LorenEteval/Furious#%E5%AE%89%E8%A3%85)

### 运行

解压后进入文件夹（如`Furious-0.2.12`），双击 `Furious.exe` 文件即可启动 **Furious**，启动后，你的 Windows 电脑右下角会出现该软件的图表，并且右键该图标会有一些选项，此时说明 **Furious** 已经成功运行，你可以先熟悉一下右键出现的菜单。

## 连接Hysteria2

> 自建Hysteria2服务器可以参考本站文章: 【[Hysteria2代理：服务端及客户端搭建](https://oldmoon.top/post/144)】

### Hysteria2 URI

**Furious** 官方说明中提到可以通过 `分享连接` 连接到 **Hysteria2**。该 分享链接 就是 **Hysteria2** 官方文档中提到的 [URI-Scheme / URI 格式](https://v2.hysteria.network/zh/docs/developers/URI-Scheme/) 。

- URI格式说明：`hysteria2://[auth@]hostname[:port]/?[key=value]&[key=value]...`
- URI格式示例：`hysteria2://letmein@example.com/?insecure=1&obfs=salamander`

最简单的 分享链接 大概是这样：`hysteria2://123456@baidu.com:24443/`，其中`123456`是你的服务连接密码，`baidu.com:24443`是你的服务器域名及端口。

所以你需要手动组装一下你的 **Hysteria2 URI**，然后再开始下一步。

> PS: 从这个 Hysteria2 URI 结构来看，密码不能使用 `@` 符号啊！！！

### 导入配置到Furious

1. 经过上一步组装好 **Hysteria2 URI** 后，需要将 URI 复制到剪切板（即全选-右键复制）。
2. 右键前面在Windows电脑右下角出现的软件图标，鼠标放在 `导入` 选择 `从剪贴板导入分享链接`。
3. 导入成功后会有提示。

> 导入成功后，点击右键菜单中的`编辑配置`进入配置列表，可以看到导入的配置信息，且选中后，可以在右侧看到`JSON`格式的配置信息。最简单的 `JSON` 配置大概长这样：
> ```json
> {
>  "server": "baidu.com:24443",
>  "auth": "123456",
>  "tls": {
>      "sni": "",
>      "insecure": false
>  },
>  "socks5": {
>      "listen": "127.0.0.1:10808"
>  },
>  "http": {
>      "listen": "127.0.0.1:10809"
>  }
> }
> ```

### 建立连接

如果上面的步骤没问题，你已经将 **Hysteria** 的连接信息导入到 **Furious** 中了，可以尝试建立连接：
1. 右键Furious图标；
2. 点击菜单中的 **连接**；
3. 弹出连接进度条（`PS:是不是美观设计啊，这玩意能有啥进度吗。。。`）；
4. 连接成功后，弹出系统提示消息：`xxx 已连接`。

**提示：如果 第2步 弹出`双击....`类似的信息，需要进入配置列表，双击导入的连接信息，然后从第一步重新开始即可。**

## 后记

优点：
1. 安装和使用比较简单；
2. 界面和提示信息等比较友好。

缺点：
1. 如果是原生的 Hysteria2 服务，目前需要手动组装 `分享链接`；
2. 复杂代理功能较少，对于安全要求高的用户可能不适用；
3. Furious属于新工具，潜在问题可能较多，迭代可能较快。

> PS: 本文写于2023年11月9日。

## 赞助请求

**建站不易，以下是一个广告，还请动动您的小拇指，点击一次以示鼓励，谢谢！**


<div class="article-ads"></div>

> 就目前的访问量，即便每个访客都点一次广告，收入也不足以支付运营成本，`如果看不到广告，可能是网络原因或被拦截了，那就无所谓了~`

Furious客户端连接Hysteria2

## 简介

本文用于记录使用`HTML + CSS + JS`实现的非常简单的抽奖功能。

非常非常非常简单的功能，大概率没啥用，但也说不定哪天可能会需要借鉴，所以还是记录以下。



## 代码

**提示：可以自己新建个html文件，将下方代码复制填写到该文件中，浏览器打开该文件即可查看代码效果。**

```html
<!DOCTYPE html>
<html>
<head>
    <title>抽奖</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            text-align: center;
            margin-top: 100px;
        }
        h1 {
            color: #333;
        }
        #result {
            font-size: 24px;
            font-weight: bold;
            color: #E74C3C;
            margin-top: 20px;
        }
        #spinBtn {
            margin-top: 20px;
            padding: 10px 20px;
            font-size: 18px;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <h1>抽奖活动</h1>
    <p>点击下面的按钮抽奖：</p>
    <button id="spinBtn">抽奖</button>
    <div id="result"></div>

    <script>
        const prizes = ["一等奖", "二等奖", "三等奖", "幸运奖", "谢谢参与"];
        const spinBtn = document.getElementById("spinBtn");
        const resultDiv = document.getElementById("result");

        spinBtn.addEventListener("click", () => {
            const randomIndex = Math.floor(Math.random() * prizes.length);
            const randomPrize = prizes[randomIndex];
            resultDiv.innerText = "恭喜您抽中了：" + randomPrize;
        });
    </script>
</body>
</html>
```

简单的均等概率抽奖源代码 | JS

## 简介

有个管理系统项目使用`Layui`开发的前端，由于出现该报错引发了一个奇怪的BUG，最后采用简单的做法解决了。



## 报错

### BUG现象

原功能大概是使用Layui的面包屑实现了菜单导航功能，BUG现象可概括为：**上级面包屑页面报错，导致下级面包屑页面无法关闭**。

BUG复现流程：
1. 在【督办】功能中打开名为`进度管理(上传)`的菜单，出现名为`进度管理(上传)（督办）`的面包屑，此时控制台(`console`)中出现报错信息;
2. 在`进度管理(上传)（督办）`菜单页中，打开其二级页面，出现二级页面面包屑（暂且命名为`二级页面`），正常且无报错；
3. 点击面包屑中`二级页面`的关闭按钮，想要关闭该页面，此时控制台(`console`)中再次出现报错信息，且页面无法关闭！

### 原报错信息

```javascript
jquery-3.3.1.min.js:2 Uncaught Error: Syntax error, unrecognized expression: iframe[data-frameid=进度管理(上传)（督办）]
    at oe.error (jquery-3.3.1.min.js:2:12961)
    at oe.tokenize (jquery-3.3.1.min.js:2:18943)
    at oe.select (jquery-3.3.1.min.js:2:21833)
    at Function.oe [as find] (jquery-3.3.1.min.js:2:6808)
    at w.fn.init.find (jquery-3.3.1.min.js:2:24400)
    at w.fn.init (jquery-3.3.1.min.js:2:24889)
    at w (jquery-3.3.1.min.js:2:896)
    at HTMLLIElement.<anonymous> (head.js:122:13)
    at Function.s (layui.js:2:7068)
    at r.each (layui.js:2:6420)
```


## 解决

### 问题分析

思路：
> 按照正常的问题排查思路，是根据报错信息找到报错代码，然后针对报错代码进行解决。  
> 但此报错信息无法直接找到报错代码文件和行数。  
> 唯一出现的与项目代码有关的内容就是`进度管理(上传)（督办）`，所以需要先找到代码中什么地方有该部分内容的使用。

按照上面的思路发现，生成面包屑时将`进度管理(上传)（督办）`即作为面包屑的显示名称，也作为了面包屑的`id`，所以报错内容有`data-frameid`。

再结合报错信息` Uncaught Error: Syntax error, unrecognized expression`，翻译过来就是：**未捕获错误：语法错误，无法识别的表达式**。

通过以上思路，可以猜到报错原因就是与`进度管理(上传)（督办）`内容有关。该内容有什么问题呢？结合其他功能菜单测试分析，不难猜到与括号`()`有关，所以最简单的解决思路（不推荐）就有了：**不使用英文括号`()`**。

### 解决方案1 - 推荐

其实如果你有比较好的编程习惯，大概率不会遇到这个报错吧，因为你大概率不会使用**中文**作为任何东西的**ID**吧。如果你的编程习惯再好点，**ID**大概率也不会出现特殊符号吧。

所以我推荐解决方案是：不要使用 **中文** 和 **特殊符号** 作为面包屑的ID。具体的解决方式就由各位自己动脑吧。

### 解决方案2 - 不推荐

以本文案例为例，将`进度管理(上传)（督办）`的内容中的`()`去掉，所以可以将其内容改为`进度管理-上传-督办`。

## PS：**好的编程习惯果然很关键！**

jquery报错:Uncaught Error: Syntax error, unrecognized expression

## 简介

本文用于记录Python基础数据类型的的定义和计算。



## Python数值类型
- 整数
```python
a = 1;
```
- 浮点数（小数）
```python
a = 0.1;
```
- 复数
```python
a = 1 + 2j;
```
## 基本运算
### 加减乘除
#### 整数
```py
print(1 + 2)
print(1 - 2)
print(1 * 2)
print(1 / 2)
```
- 输出
```
3
-1
2
0.5
```
#### 浮点数
```py
print(0.1 + 0.2)
print(0.1 - 0.2)
print(0.1 * 0.2)
print(0.1 / 0.2)
```
- 输出
```
0.30000000000000004
-0.1
0.020000000000000004
0.5
```
- 由输出可见，浮点数直接进行基本运算会存在误差，所以建议使用`deciaml`模块进行浮点数计算，如加法：
```py
a = decimal.Decimal('0.1')
b = decimal.Decimal('0.2')
print(a + b)
```
- 与`Java`中`BigDecimal`用法类似。
- 输出
```
0.3
```
#### 复数
```py
c = 1 + 2j
d = 2 + 1j
print(c + d)
print(c - d)
print(c * d)
print(c / d)
```
- 输出
```
(3+3j)
(-1+1j)
5j
(0.8+0.6j)
```
### 双除 && 模除
#### 整数
- 一般只用于整数计算
- 双除（`//`）：也叫地板除，即向下取整。与Java中的`/`类似，但不完全相同。如`Java`中（`-3 / 2`）结果为`-1`，但`Python`中的（`-3 // 2`）结果为`-2`。由此可见，`Java`中更像是去掉小数点后的数字取整，而`Python`则是实际意义上的向下取整。
- 模除（`%`）：即取除法的余数。与Java中的计算结果完全一样。
```py
print(3 // 2)
print(-3 // 2)
print(3 % 2)
print(-3 % 2)
print((-3 // 2) * 2 + (-3 % 2))
```
- 输出
```
1
-2
1
1
-3
```
### 函数divmod
- 同时计算出双除和模除的结果
```py
print(divmod(3, 2))
print(divmod(-3, 2))
```
- 输出
```
(1, 1)
(-2, 1)
```
### 函数abs
- 计算绝对值
#### 整数 / 浮点数
```py
print(abs(-3))
print(abs(-3.1))
```
- 输出
```
3
3.1
```
#### 复数
- 计算负数的模
```py
c = 1 + 2j
print(abs(c))
```
- 输出
```
2.23606797749979
```
### 函数int
- 将浮点数/字符串转化为整数
- 如果参数是字符串，必须是整数字符串，否则报错`ValueError: invalid literal for int() with base 10`
- 如果参数是浮点数，则直接去掉小数后数字取整
```py
print(int('1'))
print(int(9.99))
print(int(9))
```
- 输出
```
1
9
9
```

### 函数float
- 将字符串 / 整数转化为浮点数
```py
print(float('1'))
print(float('1.20'))
print(float(1.20))
print(float(1))
```
- 输出
```
1.0
1.2
1.2
1.0
```
### 函数complex
- 将字符串转为复数，注意字符串不能有空格
```py
print(complex("1-2j"))
```
- 输出
```
(1-2j)
```
### 函数pow和运算符`**`
- 幂运算
- `pow(x, y)`含义：x 的 y 次幂，等价于 `x ** y`
- `pow(x, y, n)`含义：x 的 y 次幂，再除以n取余
```py
print(pow(2, 3))
print(pow(2, 3, 5))
print(2 ** 3)
print(2 ** 3 % 5)
```
- 输出
```
8
3
8
3
```

Python基础：数值计算

## 简介

记一次使用EasyExcel模板导出文件的操作。



## 模板

之所以使用模板导出，是因为导出的文件内容格式较为复杂。虽然看起来只是简单的数据列表，但表头较复杂，其中有多级表头，且部分表头级别各部相同，所以为了更简单方便的实现该导出功能，选择使用模板导出的方式。

表头部分示例如下：

![table](https://images.oldmoon.top/images/dingdangdog/dingdangdog-1698715821632.jpg)

数据层面只是简单的列表，一列即时一个数据字段，所以采用简单的 `List` 数据即可，模板写法如下：

![template](https://images.oldmoon.top/images/dingdangdog/dingdangdog-1698716031024.jpg)

其中第6行即时实体字段映射，以 `{.a}` 为例，固定写法 `{.}` 表示从 `List` 数据中遍历读取数据，数据的Key是 `a`。

## 代码

本次使用的maven依赖版本如下：
```xml
    <dependency>
        <groupId>org.apache.poi</groupId>
        <artifactId>poi</artifactId>
        <version>4.1.2</version>
    </dependency>

    <dependency>
        <groupId>org.apache.poi</groupId>
        <artifactId>poi-ooxml</artifactId>
        <version>4.1.2</version>
    </dependency>

    <dependency>
        <groupId>com.alibaba</groupId>
        <artifactId>easyexcel</artifactId>
        <version>2.1.1</version>
    </dependency>
```

有了模板文件之后，只需要使用代码读取到该模板和数据，调用`EasyExcel`的工具方法即可，方法封装如下：

```java
    /**
     * @param inputStream-模板文件的输入流
     * @param outputStream-输出文件的输出流
     * @param data-数据集合
     */
    public static <T> void writeExcel(InputStream inputStream, OutputStream , List<T> data) {
        EasyExcel.write(outputStream)
                .excelType(ExcelTypeEnum.XLSX)
                .withTemplate(inputStream)
                .sheet()
                .doFill(data);
    }
```

## 吐槽

`doFill(data)`方法是将数据填入模板文件的方法，`doWrite(data)`是将数据写入文件的方法，所以注意壁坑，选择使用！

PS：EasyExcel官方的文档真垃圾！

EasyExcel模板导出

twitter:card

twitter:title

twitter:site

twitter:image

努力做一只帅气、有才、豁达的老狗！

twitter:description

程序员,笔记,Bug记录,编程技术,AI,Java,Node,Golang,个人博客,资源分享,月上老狗,dingdangdog