说个实话，这个有点香

点击进入官网

输入我的邀请码更是折上折 DTK2Z8VVFGM2

1块钱 = 100刀额度
GPT5.5、image2、deepseek v4都能用
codex / Claude Code / opencode 也支持

我本来以为不稳，结果跑了一段时间还行

想试的自己进去看看 点击进入官网

最近发现一个还挺实用的网站，叫云雾 API。如果你最近在找 OpenAI API、GPT-4.1 API、Claude API、Gemini API，或者想找一个国内能直接用的 AI API 平台，那这个还挺值得试。现在想用国外那些 AI 接口是真的麻烦，OpenAI、Claude、Gemini 一个比一个难弄，不是要国外手机号，就是要国外卡，还得开代理，最后好不容易注册好了，价格还不便宜。

云雾 API 就是专门解决这个事的。它把 GPT、Claude、Gemini、DeepSeek 这些模型全都放一起了，一个 Key 就能用，不用每家都重新注册。

主要是便宜，很多模型的价格比官方低，平时还能每天签到领余额，拿来试模型、写点小工具，基本不用花钱。

最关键的是，它连 GPT 最新的大模型都能直接用，比如 GPT-4.1、GPT-4o 这些，不用折腾账号，不用绑国外卡，注册完直接调接口。

如果你之前项目已经是 OpenAI 的接口，那更方便，原来：

https://api.openai.com/v1

直接改成：

https://yunwu.ai/v1

很多代码都不用动。

说白了，它最适合那种想用国外 AI，但是弄不到官方 API，或者嫌官方太贵、太麻烦的人。
免费试用网址：https://yunwu.ai/register?aff=k0gF

“重启打印机服务”

对！你没听错，就是重启打印机服务。

怎么重启呢，首先你要打开服务

第一步：打开服务面板

按CTRL+SHIFT+ESC 调出任务管理器

第二步：找到Print Spooler右击重启服务

StrongSwan 是一款开源、稳定且支持 IKEv1/IKEv2 的 IPsec VPN 解决方案。
在企业或家庭网络中，我们常常希望通过公网安全地连接不同的局域网，例如云服务器与家用路由器互通。
本文将演示如何在 Ubuntu 服务器上安装 StrongSwan，并与 TP-Link 路由器 建立 IPsec 隧道，实现内网互访。

二、实验环境

目标：1.1.1.1 能访问 192.168.1.x，反之亦然。

三、安装 StrongSwan

sudo apt update
sudo apt install strongswan -y

安装完成后会生成主要配置文件：

• /etc/ipsec.conf — 主配置文件
• /etc/ipsec.secrets — 存储密钥和凭证

四、配置 IPsec

1. 编辑 /etc/ipsec.conf

sudo nano /etc/ipsec.conf

示例配置：

config setup
    uniqueids=no
    charondebug="ike 2, esp 2"  # 开启日志便于排查

conn aliyun
    authby=secret  # 预共享密钥认证（正确）
    auto=add  # 启动时加载连接
    left=%defaultroute      # 或 left=172.21.97.169
    leftid=1.1.1.1  # 服务器身份标识（与路由器对端网关一致）
    leftsubnet=0.0.0.0/0  # 云端子网（全流量转发，正确）
    right=%any  # 路由器公网IP（动态IP填%any，固定IP填实际公网IP）
    rightsubnet=192.168.1.0/24  # 本地目标IP（正确）

    # 加密套件（建议与路由器同步，若路由器支持则用更强的）
    ike=3des-md5-modp1024!  # 替换3des-md5（优先），若不支持再改回3des-md5-modp1024
    esp=3des-md5!  # 同上，不支持则用3des-md5

    keyexchange=ikev1  # 与路由器IKE版本一致
    aggressive=no  # 关闭野蛮模式（优先用主模式，兼容性更好）
    # aggressive=yes  # 若路由器强制要求野蛮模式，再开启

    # DPD检测（优化重连）
    dpdaction=restart  # 检测到断开后重连（原clear是关闭，不合理）
    dpddelay=30s
    dpdtimeout=120s

注意：TP-Link 一般只支持 IKEv1，且加密方式需与其 Web 配置一致。

2. 编辑 /etc/ipsec.secrets

sudo nano /etc/ipsec.secrets

内容示例：

 : PSK "123456789"

PSK 就是路由器里配置的预共享密钥。

五、TP-Link 路由器端配置

在路由器管理页面（通常是 192.168.1.1）中：

1. 打开 高级设置 → VPN → IPsec VPN

2. 新建连接：

   • 模式：主模式 (Main Mode)
   • 远程网关：1.1.1.1（服务器公网）
   • 本地网段：192.168.1.0/24
   • 远程网段：10.0.0.0/24
   • 预共享密钥：123456789

保存后点击“连接”。

六、启动与调试

启动 StrongSwan

sudo ipsec restart
sudo ipsec status

查看连接状态

sudo ipsec statusall

如果出现：

INSTALLED, TUNNEL, ESP in UDP SPIs: ...

说明隧道已成功建立。

七、验证通信

在 Ubuntu 端：

ping 192.168.1.1

在 TP-Link LAN 设备中：

ping 10.0.0.1

若能互通，则配置成功。

常见问题

通过本文配置，我们成功让 云端 Ubuntu StrongSwan 与 TP-Link 路由器 建立了一个稳定的 IPsec Site-to-Site VPN，实现了不同局域网之间的透明互通。

有没有遇到这种场景：

某天数据库突然异常，发现是磁盘空间不足。
再一看，数据库的数据目录或日志目录（比如 D:\Database\Data）已经塞满了，而你只有另一个磁盘（比如 E:）还剩大量空间。

如果你正面临以下限制：

• 当前项目已上线，不能修改数据库配置路径
• 数据文件庞大，迁移花时间
• 其他磁盘有空间，但数据库程序只认原路径

别急，一条命令就能解决 —— mklink。

二、mklink 是什么？

mklink 是 Windows 自带的命令行工具，可以创建软链接（符号链接）。

你可以理解为：创建一个假的文件夹/文件，其实内部指向了另一个路径。

程序会以为你还在用原来的 D:\Database\Data，但实际上你已经把数据存到了 E:。

三、实战案例：释放数据库空间

假设数据库的数据目录在：

D:\Database\Data

步骤 1：关闭数据库服务

先停掉数据库服务，防止读写冲突：

net stop mysql   # 示例，具体看你的数据库服务名

步骤 2：移动数据目录到新磁盘

move D:\Database\Data E:\DatabaseData

此时，D:\Database\Data 这个原始路径已经空了。

步骤 3：使用 mklink 创建目录符号链接

mklink /D D:\Database\Data E:\DatabaseData

执行后，D:\Database\Data 会变成一个“伪装门口”，实则内部已经跳转到 E:\DatabaseData。

步骤 4：重启数据库服务

net start mysql

程序和服务丝毫不知情，但你已经巧妙地把数据搬了家。

四、这种做法有什么好处？

✅ 零配置变更：不需要改数据库配置文件
✅ 快速见效：几分钟就能完成整个搬迁
✅ 安全可靠：不影响服务启动、数据访问
✅ 节省磁盘空间：彻底解决“原盘空间打爆”的问题

五、适用于哪些数据库？

这方法适用于大多数部署在 Windows 上的数据库：

• MySQL / MariaDB
• SQL Server
• MongoDB
• PostgreSQL
• SQLite（单文件）
• 甚至本地开发用的轻量级数据库或缓存服务

六、一些注意事项

七、拓展场景

你也可以用 mklink 做：

• 日志文件夹转移
• 数据备份目录链接
• 多环境共用配置
• 跨盘共享数据资源

八、总结

磁盘满了不是末日，不一定非得删数据、扩容或重建路径。
在 Windows 下，mklink 是一个老派但实用的武器，能帮你优雅地处理这种临时性资源瓶颈问题。

只需一条命令，你就能把数据“搬走”，而系统、程序、服务完全不知情。

附：mklink 命令语法速查

mklink            # 创建文件软链接
mklink /D         # 创建目录软链接（最常用）
mklink /J         # 创建目录联接（Junction，速度更快）

解决 Windows 共享错误 0x80004005 的两大关键点

访问局域网共享文件夹时，遇到 错误代码：0x80004005（未指定错误）？常见原因主要集中在两点：凭据问题 和 SMB 协议不兼容。

✅ 1. 清除错误的凭据并添加凭据

Windows 有时会缓存错误的共享账号密码，导致后续访问失败。主要还是缓存惹的

操作步骤：

1. 打开 控制面板 → 用户账户 → 凭据管理器

2. 进入 “Windows 凭据” 选项卡
   

3. 删除对应的凭据，如果没有就别删了，不放心就全删了也行。

4. 重新添加共享主机的ip

5. 重新访问共享主机即可。

✅ 2. 启用 SMB1.0 协议（兼容旧设备）

一些老NAS、老打印服务器仍使用 SMB1 协议，Win10/11 默认未开启。

开启方法：

1. 打开“启用或关闭 Windows 功能”
2. 勾选：SMB 1.0/CIFS 文件共享支持
3. 重启电脑

🔚 结束

0x80004005 虽然提示模糊，但大多数共享访问问题都可以通过这两步解决。如果还有问题，可以尝试映射网络驱动器或检查目标设备的共享权限。

问题分析

出现0x0000000a错误是因为主机没有打开Windows Remote Management服务导致的。

解决方法

在共享主机上打开服务，开启Windows Remote Management服务

最近老能看到有浏览器出现 由该组织管理 的情况
出现的问题就是无法修改浏览器的设置
偶尔还有导致浏览器无法上网。。。

解决方法

1.按 win + R 调出运行窗口，输入regedit，确定，打开注册表编辑器

2.找到路径 计算机\HKEY_LOCAL_MACHINE\SOFTWARE\Policies\Microsoft 右击删除里面的 edge 和 Google 字样的文件夹

3.重启浏览器或电脑后生效

直接上代码了

以米为单位

function calculateDistance(lat1, lng1, lat2, lng2) {
  const R = 6371000; // 地球半径，单位为米
  const toRad = x => x * Math.PI / 180;

  const dLat = toRad(lat2 - lat1);
  const dLng = toRad(lng2 - lng1);
  const a = Math.sin(dLat / 2) * Math.sin(dLat / 2) +
            Math.cos(toRad(lat1)) * Math.cos(toRad(lat2)) *
            Math.sin(dLng / 2) * Math.sin(dLng / 2);
  const c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1 - a));
  const distance = R * c;

  console.log('两点距离:', distance, '米');
  return distance;
}

以公里为单位

function calculateDistance(lat1, lng1, lat2, lng2) {
  const R = 6371; // 地球半径，单位：km
  const toRad = x => x * Math.PI / 180;

  const dLat = toRad(lat2 - lat1);
  const dLng = toRad(lng2 - lng1);
  const a = Math.sin(dLat / 2) ** 2 +
            Math.cos(toRad(lat1)) * Math.cos(toRad(lat2)) *
            Math.sin(dLng / 2) ** 2;
  const c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1 - a));
  const distance = R * c; // 单位：km

  console.log('两点距离:', distance.toFixed(2), '公里');
  return distance;
}

示例：用户与天安门的距离

const targetLat = 39.9087;
const targetLng = 116.3975;

function calculateToTiananmen(lat, lng) {
  const km = calculateDistance(lat, lng, targetLat, targetLng);
  alert(`您距离天安门还有 ${km.toFixed(2)} 公里`);
}

如需四舍五入或保留 1-2 位小数，使用 .toFixed(2)。

网址

https://pyq.vsay.net

编辑动态内容

1. 点击相应位置修改你的信息，如：昵称、头像、动态内容、图片、位置、视频号（如果需要）、发布时间等
   

2. 图片或者链接
   

2.1 链接也是可以搞定的呢

一键生成点赞评论

1. 随机生成，点击点赞按钮，随机生成只需要填一个数字，填多少生成多少赞。
   

2. 自定义生成
   当然你想在最前面添加几个认识的小伙伴也是可以在自定义里面做到
   

点击预览下载查看

这个界面您可以调整截图显示方式，包括：
• 截图显示的机型（安卓/苹果）
• 截图是否是深色模式
• 手机状态栏的图标和时间或者网络状态
• 截图方式（朋友圈内/照片/详情）
• 截长图还是分页截
• 装逼模式下的炫彩朋友圈截图只有你想不到，没有你装不到的，不信你看图：

保存下载

长按截图保存到相册, 电脑端右击保存图片

acme.sh 是一个 ACME 客户端，用于申请、安装和自动更新 SSL/TLS 证书，例如 Let’s Encrypt 和 ZeroSSL 证书。相比 Certbot，acme.sh 更轻量、依赖少、支持多种 CA 及自动化功能。

2. acme.sh 的特点

• 纯 Shell 实现，无 Python 或 OpenSSL 依赖。
• 支持多种 CA：默认使用 Let’s Encrypt，也支持 ZeroSSL、Buypass、SSL.com 等。
• 多种验证方式：HTTP、Standalone、DNS API。
• 支持通配符证书（*.example.com）。
• 自动续期，无需手动更新证书。
• 灵活部署，可自动安装证书到 Nginx、Apache、HAProxy 等。

3. 国内安装 acme.sh

3.1. 使用国内镜像安装（推荐）

由于国内访问 GitHub 可能较慢，可以使用 Gitee 镜像安装：

curl https://gitee.com/neilpang/acme.sh/raw/master/acme.sh | sh

安装完成后，acme.sh 位于 ~/.acme.sh/ 目录。

3.2. 重新加载 Shell 以生效

source ~/.bashrc  # 或者 source ~/.zshrc

3.3. 验证安装

acme.sh --version

4. 申请 SSL 证书

acme.sh 提供多种方式申请证书。

4.1. 使用 Webroot 方式（适用于已运行的 Web 服务器）

acme.sh --issue -d example.com -d www.example.com --webroot /var/www/html

4.2. 使用 Standalone 方式（适用于无 Web 服务器的情况）

acme.sh --issue -d example.com --standalone

注意：需要确保 80 端口未被占用。

4.3. 使用 DNS API 方式（适用于通配符证书）

export Ali_Key="你的阿里云 AccessKey ID"
export Ali_Secret="你的阿里云 AccessKey Secret"
acme.sh --issue -d example.com -d "*.example.com" --dns dns_ali

支持的 DNS API：阿里云（dns_ali）、腾讯云（dns_dp）、Cloudflare（dns_cf）等。

5. 安装证书

acme.sh --install-cert -d example.com \
  --key-file /etc/nginx/ssl/example.com.key \
  --fullchain-file /etc/nginx/ssl/example.com.crt \
  --reloadcmd "systemctl reload nginx"

6. 证书续期

acme.sh 会自动续期证书，也可手动执行：

acme.sh --renew -d example.com

或者续期所有证书：

acme.sh --renew-all

6.1. 设置自动续期（默认已启用）

acme.sh 默认会自动续期证书，但如果需要手动确认，可以执行：

acme.sh --cron --home ~/.acme.sh

此外，可以在 crontab 中检查是否存在 acme.sh 的自动任务：

crontab -l

如果不存在，可手动添加（每天 0 点执行）：

echo "0 0 * * * ~/.acme.sh/acme.sh --cron --home ~/.acme.sh > /dev/null" | crontab -

7. 解决常见错误

7.1. ZeroSSL 需要注册账户

错误信息：

[Tue Apr  1 09:49:07 CST 2025] No EAB credentials found for ZeroSSL, let's obtain them
[Tue Apr  1 09:49:07 CST 2025] Please update your account with an email address first.

解决方案：

acme.sh --register-account -m my@example.com

7.2. Let’s Encrypt 速率限制（Rate Limit）

错误信息：

[Tue Apr  1 09:51:14 CST 2025] Error creating new order. Le_OrderFinalize not found.
"type": "urn:ietf:params:acme:error:rateLimited",

解决方案：

• 等待 7 天后再尝试。
• 使用已有证书 acme.sh --install-cert。
• 改用 ZeroSSL acme.sh --set-default-ca --server zerossl。
• 测试时使用 Let’s Encrypt staging 服务器。

7.3. Nginx 端口占用问题

错误信息：

acme.sh --issue --standalone 失败

解决方案：

systemctl stop nginx
acme.sh --issue -d example.com --standalone
systemctl start nginx

8. 切换 CA

8.1. 切换到 Let’s Encrypt

acme.sh --set-default-ca --server letsencrypt

8.2. 切换到 ZeroSSL

acme.sh --set-default-ca --server zerossl
acme.sh --register-account -m my@example.com

9. 卸载 acme.sh

acme.sh --uninstall
rm -rf ~/.acme.sh/

10. 总结

• acme.sh 是一个轻量级 ACME 客户端，适用于 Let’s Encrypt 和 ZeroSSL 证书。
• 支持 Webroot、Standalone、DNS API 验证方式。
• 证书默认存储在 ~/.acme.sh/ 目录，需要手动安装到 Web 服务器。
• 自动续期，并提供详细的错误日志。
• 可切换 CA，避免 Let’s Encrypt 速率限制。

原因

1. HP 打印机驱动兼容性问题（这个简单换驱动即可，如果你认为你的驱动没问题那么往下看）

   • 你安装的驱动可能不完全兼容 Windows 7，导致崩溃。
   • 可能是 32 位和 64 位驱动版本不匹配。

2. 系统文件损坏或更新导致的兼容性问题（这个很有可能，但是嘛WIN7已经让微软放弃了，更新就算了）

   • Windows 7 本身可能缺少某些更新补丁，导致 HP 驱动无法正确运行。

3. 以前有装过相似的驱动程序，导致两个版本冲突（大多数是这原因啊）

   • 假设你在一台电脑上装了两个HP的驱动，就会导致冲突。。。这可能是WIN7的问题吧。

来说说的的解决方法吧

1：卸载并重新安装打印机驱动，必须！！！

1. 完全卸载 HP 打印机驱动
   • 打开“设备和打印机”（Win + R → 输入 control printers → 回车）。
   • 右键点击你的 HP 打印机 → 删除设备。
   • 按 Win + R，输入 printmanagement.msc，删除所有与 HP 相关的打印驱动程序。
   • 进入 C:\Windows\System32\spool\drivers\x64\3\，删除 HP 相关文件。

2：删除残留的驱动文件

1. 按 Win + R，输入 services.msc，回车。
2. 找到 Print Spooler，右键点击 → 停止。
3. 进入 C:\Windows\System32\spool\PRINTERS\，删除里面所有文件。
4. 再次启动 Print Spooler 服务。

**3：删除注册表信息

1. 按 Win + R，输入 regedit，回车。
2. 找到\HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Control\Print\Environments\Windows (32位NT x86,64位x64)\Drivers\Version-3
3. 删除该项下的所有子项，如果没有就算了。
   

最后重启电脑！！！

重新安装驱动，完美解决

解决办法

打开Internet属性

1. WIN+R键调出运行，输入control，打开控制面板，当然你有更好的方法请使用自己的方式打开控制面板
   

2. 点击网络和Internet，打开Internet选项
   
   

3.根据下面步骤，将网址 https://kingdee.wit-parking.com 添加到信任列表中

如下（然后点关闭）：

4.选择自定义级别，将里面所有禁用和询问的都改成启用。

5.点击确定-确定

6.重启金蝶问题解决！

function toUint8Array(data) {
    let buffer;
    if (typeof data === 'string') {
        const textEncoder = new TextEncoder();
        buffer = textEncoder.encode(data).buffer;
    } else if (typeof data === 'number') {
        let byteLength;
        if (data >= 0 && data <= 255) { // 8位数字
            byteLength = 1;
        } else if (data >= 0 && data <= 65535) { // 16位数字
            byteLength = 2;
        } else if (data >= 0 && data <= 4294967295) { // 32位数字
            byteLength = 4;
        } else { // 64位数字
            byteLength = 8;
        }
        buffer = new ArrayBuffer(byteLength);
        const dataView = new DataView(buffer);
        if (byteLength === 1) {
            dataView.setUint8(0, data);
        } else if (byteLength === 2) {
            dataView.setUint16(0, data, false);
        } else if (byteLength === 4) {
            dataView.setUint32(0, data, false);
        } else {
            dataView.setBigUint64(0, BigInt(data), false);
        }
    } else if (Array.isArray(data)) {
        buffer = new ArrayBuffer(data.length);
        const uint8Array = new Uint8Array(buffer);
        for (let i = 0; i < data.length; i++) {
            uint8Array[i] = data[i];
        }
    } else {
        throw new Error('Unsupported data type');
    }
    return new Uint8Array(buffer);
}

使用：

toUint8Array('vsay');
//输出 [118, 115, 97, 121]
toUint8Array(257);
//输出 [1, 1] 二进制 00000001 00000001

将uint8Array转换成字符串

function Uint8ArrayToString(data) {
    // Uint8Array，存储了 UTF-8 编码的汉字数据
    const dataArray = new Uint8Array(data);
    // 找到第一个为 0 的字节的索引
    const zeroIndex = dataArray.findIndex(byte => byte === 0);
    // 截断数组到第一个 0 的位置
    const trimmedArray = dataArray.slice(0, zeroIndex !== -1 ? zeroIndex : dataArray.length);
    // 创建一个 TextDecoder 对象，指定 UTF-8 编码
    const decoder = new TextDecoder('utf-8');
    // 解码截断后的 remark 数据
    return decoder.decode(trimmedArray);
}

使用：

Uint8ArrayToString([65,66,67,68,69,70]);
//输出 'ABCDEF'

问题起因

在开发一个单总线通讯的小项目时，我使用了STC单片机作为接收端，上位机通过数据线向STC单片机发送数据。由于两者之间的距离大约1米，我使用了一根长约1米的数据传输线。但在实际调试时，我遇到了一个令人头疼的问题：短线连接时一切正常，但当线长达到1米时，STC单片机在接收数据时出现了异常现象——中断信号被无限触发，导致单片机进入死机状态。

问题分析

经过排查，我发现问题出在中断触发机制。当单片机处于掉电模式时，它依赖外部中断来唤醒，但长线延长后，信号可能因电磁干扰或者传输质量下降，产生了不稳定的波动或噪声，进而引发了中断的频繁触发。这个问题在短线情况下并不明显，因为信号质量相对较好，但在1米长的传输线中，信号干扰变得更加突出。

解决方案

通过查阅资料，我了解到，针对这种情况，可以在IO口与外部电路之间串联一个电阻来抑制噪声干扰。推荐的电阻值范围是100Ω到1kΩ之间，可以根据实际情况进行调整。此外，为了进一步稳定信号，我并联了一个470pF的电容，用以滤除高频噪声。

经过调整后，问题得以解决，STC单片机不再出现死机现象，数据传输也变得稳定。

总结

1. 问题：单片机在接收数据时中断被无限触发，导致死机，问题只在使用1米长的数据线时出现。
2. 原因：长线信号干扰或电磁噪声导致中断触发异常。
3. 解决方案：在IO口串联100Ω到1kΩ的电阻，并并联470pF电容，稳定了信号，解决了死机问题。

void Uart1_Init(void) // 9600bps@11.0592MHz
{
    SCON = 0x50;  // 8位数据,可变波特率
    AUXR |= 0x40; // 定时器时钟1T模式
    AUXR &= 0xFE; // 串口1选择定时器1为波特率发生器
    TMOD &= 0x0F; // 设置定时器模式
    TL1 = 0xE0;   // 设置定时初始值
    TH1 = 0xFE;   // 设置定时初始值
    ET1 = 0;      // 禁止定时器中断
    TR1 = 1;      // 定时器1开始计时
}

void Uart1_Send_Byte(uint8_t dat) // 串口1发送一个字节
{
    SBUF = dat;
    while (!TI)
        ;
    TI = 0;
}

void Uart1_Send_String(uint8_t *str) // 串口1发送字符串
{
    while (*str)
    {
        Uart1_Send_Byte(*str++);
    }
}

完后可调试查看。

1t单片机

• 1t可以说是相对传统51单片机来说的，理论上比传统51单片机快12倍。并且该型号频率可以达到33mhz。如果以普通的51单片机来类比，当传统51单片机晶振为12mhz时，一条nop();指令的时间为1us，而stc8g就是1/12us，约等于0.083us。
• 为了更好模拟准确的时序，我们在下载时把内部时钟设置为 24mhz ，这样一条 nop(); 指令的时间为1/24us约等于 0.0417us(即41.7ns)，三条就刚好约为125ns

ws2812

• WS2812B-V5是一个集控制电路与发光电路于一体的智能外控LED光源。其外型与一个5050LED灯珠相同， 每个元件即为一个像素点。像素点内部包含了智能数字接口数据锁存信号整形放大驱动电路，还包含有高精度的 内部振荡器和可编程定电流控制部分，有效保证了像素点光的颜色高度一致。 数据协议采用单线归零码的通讯方式，像素点在上电复位以后，DIN端接受从控制器传输过来的数据，首先送过 来的24bit数据被第一个像素点提取后，送到像素点内部的数据锁存器，剩余的数据经过内部整形处理电路整形放 大后通过DO端口开始转发输出给下一个级联的像素点，每经过一个像素点的传输，信号减少24bit。像素点采用 自动整形转发技术，使得该像素点的级联个数不受信号传送的限制，仅受限信号传输速度要求。

ws2812详细数据协议
WS2812通过rgb三种颜色来产生理论上255x255x255种颜色，其通信方式如下所示：

所以我们只要模拟出上图的时序就能控制ws2812了，但要注意他的数据顺序是G->R->B

为了更好模拟准确的时序，我们在下载时把内部时钟设置为 24mhz ，这样一条 nop(); 指令的时间为1/24us约等于 0.0417，三条就刚好约为125ns。

Keil工程的设置

Keil需要选择对应的单片机型号

设置为24Mhz

关闭优化功能为Level0(避免编译器过度优化,导致时序不正确)

代码编程

• 需要#include “stc8.h”
• 使用nop()函数前,需要#include “intrins.h”
• 根据主时钟频率,调整延时函数的数量
• – STC8G1K08A最高支持35MHz
• – 这里使用24MHz
• 使用下载时,注意选择型号并配置时钟频率 (如下图)

看代码

main.c

#include <STC8G.H>
#include "WS2812.h"

void main(void)
{   
    while(1)
    {
        WS2812_SendData(255,0,0);
    }
}

WS2812.h

#ifndef WS2812_H
#define WS2812_H

#include <STC8G.H>
#include <intrins.h>

#define WS28_PIN P33 // 引脚定义
#define WS28_NUM 4

// 初始化引脚
void WS28_Init();

// 模块写入一组数据
void WS28_SetRGB(unsigned char r_data,  // 红色
                 unsigned char g_data,  // 绿色
                 unsigned char b_data); // 蓝色

#endif // WS2812_H

WS2812.c

#include "WS2812.h"

// 初始化引脚
void WS28_Init()
{
    // 引脚P33初始化为输出
    P3M0 |= 0x08;
    P3M1 &= 0xF7;
}

// 模块写入一组数据
void WS28_SetRGB(unsigned char r_data, // 红色
                 unsigned char g_data, // 绿色
                 unsigned char b_data) // 蓝色
{
    unsigned char temp[3];
    unsigned char n, j;
    unsigned char dat;

    // 注意顺序,按照数据手册为grb顺序排列
    temp[0] = g_data;
    temp[1] = r_data;
    temp[2] = b_data;

    for (n = 0; n < 3; n++) // 循环3次(发送一组 rgb 颜色数据)
    {
        dat = temp[n];
        for (j = 0; j < WS28_NUM; j++) // 循环WS28_NUM次(发送1byte数据)
        {
            if (dat & (0x80>>i)) // 写入数据1
            {
                // 上面说了：为了更好模拟准确的时序，我们在下载时把内部时钟设置为 24mhz ，这样一条 nop(); 指令的时间为1/24us约等于 0.0417，三条就刚好约为125ns。
                // ws2812写1的时候 H->580ns~1us L->220ns~420ns
                // 此处20个nop一个41.7ns  20*41.7ns≈834ns符合写1 T1H 580ns~1us
                WS28_PIN = 1;
                _nop_();_nop_();_nop_();_nop_();_nop_();//_nop_();    delay 41ns
                _nop_();_nop_();_nop_();_nop_();_nop_();
                _nop_();_nop_();_nop_();_nop_();_nop_();
                _nop_();_nop_();_nop_();_nop_();_nop_();
                // 此处7个nop一个41.7ns  7*41.7ns≈291ns符合写1 T1L 220ns~420ns
                WS28_PIN = 0;
                _nop_();_nop_();_nop_();_nop_();_nop_();
                _nop_();_nop_();
            }
            else // 写入数据0
            {
                // 上面说了：为了更好模拟准确的时序，我们在下载时把内部时钟设置为 24mhz ，这样一条 nop(); 指令的时间为1/24us约等于 0.0417，三条就刚好约为125ns。
                // 此处正好相反
                WS28_PIN = 1;
                _nop_();_nop_();_nop_();_nop_();_nop_();
                _nop_();_nop_();
                WS28_PIN = 0;
                _nop_();_nop_();_nop_();_nop_();_nop_();//_nop_();    delay 41ns
                _nop_();_nop_();_nop_();_nop_();_nop_();
                _nop_();_nop_();_nop_();_nop_();_nop_();
                _nop_();_nop_();_nop_();_nop_();_nop_();
            }
        }
    }
}

参考：
https://blog.csdn.net/Xhw3f586/article/details/132295552
https://blog.csdn.net/github_38203983/article/details/142327258
https://blog.csdn.net/qq_61688416/article/details/132503077

1. 报告描述简介

Report Description，即上报事件的描述，描述所支持事件的格式及取值意义，比如鼠标按键上报格式、左键右键中间键分别对应的值等；报告描述类似，都是结构数据，格式类似

{usage:1, {id:0,usage:1.1,size:1,count:1,min:0,max:5,format:xx}}

2. 描述符结构

几个主要的名词解释一下：

• Collection，集合，相当于{}，用来包含一组描述；Collection有Application和Physical之分，Application表示大项，里有可以有很多Physical子项
• Report，报告，在上图中只是一个ID号，来区分不同report。
• Main Item,主项，例出来哪些项
• Report Size，每一项有多少位。
• Report Count, 总共有多少项
• Logical Minimum，每个项的取值范围中的最小值，即最小只能取的值。
• Logical Maximum，每个项的取值范围中的最大值，即最大只能取的值。
• Usage，用途，表示有哪些功能，一个Usage代表一个功能。

项描述基本上是由两个字节构成，第一个字节表示名称，第二个字节表示值，
如Report Size,8
Report Size 是名称，8是它的值。
Report Size 对应的16制数据是0x75，在代码里上面的表现是0x75,0x08。

项描述基本上是由两个字节构成，第一个字节表示名称，第二个字节表示值，
如Report Size,8
Report Size 是名称，8是它的值。
Report Size 对应的16制数据是0x75，在代码里上面的表现是0x75,0x08。
有些名称不需要带值，如Collection的结束符( ) )为0xC0，就没有第二个字节。有些名称不需要带值，如Collection的结束符( ) )为0xC0，就没有第二个字节。

3. 名称

名称有分长字和短字，这里只介绍短字，短字是由一个字节构成，结构如下：

第3 ~ 2位表示类型，有如下几种：

• 0 = Main
• 1 = Global
• 2 = Local
• 3 = Reserved

第1 ~ 0位表示名称的值由多少个字节构成，具体意义如下：

• 0 = 0 bytes，名称后面不带值
• 1 = 1 bytes，名称后面带1个值
• 2 = 2 bytes，名称后面带2个值
• 3 = 4 bytes，名称后面带4个值

第7 ~ 4位表示Tag，Tag与类型对应，每种类型有很多不同的Tag。

3.1 Main类对应的Tag

在上面表格中，可以看到，第3 ~ 2位是00，这两位是bType值，00表示类型为Main；nn是第1 ~ 0位，是bSize，表示数值的字节数；第7 ~ 4位是bTag，如
1000(0x8?)表示Input；Valid Data表示值的意义，如Input项，Bit 0 {Data(0) | Constant(1)}，意思是说，如果值的第0位的是0，即表示Data，如果是
Constant，如下语句：

• 0x81, 0x02, // Input: (Data,Variable, Absolute)
• 它的值是2，第0位是0对应的是Data，第1位是1 对应的是Variable，第二位是0对应的是Absolute，所以它是一个Data、Variable、 Absolute的类型。

下面对Data、Variable等的意思作一下解释。

• Data 表示是一个可写的数据。
• Constant 表示是一个只读的数据。
• Aarray 表示数据里的值代表一个Usage，Report Size表示位数，即Report Size的存储单元里的值是Usage的Index。Report Count一般为1，如果大以同时出现多个Usage.
• Variable 则是一个Report Size存储单元表示一个Usage,其值表示Usage的状态；Report Size表示位数，Report Count表示长度。
• Absolute 表示绝对数据，如触模屏数据，便使用Absolute。
• Relative 表示相对数据，如鼠标数据，便使用Relative。
• 其也用的少就不多说了，详细参看《HID协议》。

3.2 Global类对应的Tag

在上面表格中，可以看到，第3 ~ 2位是01，这两位是bType值，01表示类型为Global；nn是第1 ~ 0位，是bSize，表示数值的字节数；第7 ~ 4位是bTag，
0000(0x0?)表示Usage Page。

3.3 Local类对应的Tag

在上面表格中，可以看到，第3 ~ 2位是10，这两位是bType值，10表示类型为Local；nn是第1 ~ 0位，是bSize，表示数值的字节数；第7 ~ 4位是bTag，
0000(0x0?)表示Usage。

4 样例解读

下面是一个伪代码描述的样例
其中涉及到的页码可查看第5段用途表：

Usage Page (Generic Desktop), //定位到Generic Desktop页，这个相当于指针跳转一样的东西
Usage (Mouse), //指定Generic Desktop里的mouse，表示这是一个鼠标
Collection (Application), // Collection Application，是对Mouse的解释
Usage(Pointer), //表示指针形式
Collection (Physical), // CollectionPhysical，是对Pointer的解释
ReportID (0A), //id为0x0A的报告
Usage(X), Usage (Y), //上报X,Y两个数据
LogicalMinimum (-127), ;Report data values range from -127
LogicalMaximum (127), ;to 127 //X,Y的取值范围是-127~127
ReportSize (8), Report Count (2), //总共要上报2个字节，即x一个字节,y一个字节
Input(Data, Variable, Relative), //将X,Y这两个字节添加到0x0A的报告里，且这两个值是可写并且是相对的
LogicalMinimum (0), ;
LogicalMaximum (1), ;//下面Button的取值范围是0~1
ReportSize (1), Report Count (3), //3个1位的数据
UsagePage (Button Page),//是一个BUTTON
UsageMinimum (1),
Usage Maximum (3),//共有BUTTON1~BUTTON3，即总共有3个BUTTON
Input(Data, Variable, Absolute),//将3个分别代表的BUTTON1,BUTTON2,BUTTON3的位添加到0x0A的报告
ReportSize (5),
Input(Constant), //增加5个无效的位与上面3位凑成一个字节
EndCollection,
End Collection

综上所示，上面样例所表达的意思就是下图所示的：

再举一个实际的例子进行解读，下面是摘自TI CC2540/CC2541 SDK里的BLE-CC254x_v1.4.0\Projects\ble\Profiles\HIDDevKbM\hidkbmservice.c

static CONST uint8 hidReportMap[] =
{
// 鼠标
0x05, 0x01, // UsagePage (Generic Desktop)
 0x09, 0x02, // Usage (Mouse)
 0xA1, 0x01, // Collection (Application)
 0x85, 0x01, // Report Id (1)
 0x09, 0x01, // Usage (Pointer)
 0xA1, 0x00, // Collection (Physical)
 0x05, 0x09, // Usage Page (Buttons)
 0x19, 0x01, // Usage Minimum (01) -Button 1
 0x29, 0x03, // Usage Maximum (03) -Button 3
 0x15, 0x00, // Logical Minimum (0)
 0x25, 0x01, // Logical Maximum (1)
 0x75, 0x01, // Report Size (1)
 0x95, 0x03, // Report Count (3)
 0x81, 0x02, // Input (Data, Variable,Absolute) - Button states
 0x75, 0x05, // Report Size (5)
 0x95, 0x01, // Report Count (1)
 0x81, 0x01, // Input (Constant) - Paddingor Reserved bits
 0x05, 0x01, // Usage Page (GenericDesktop)
 0x09, 0x30, // Usage (X)
 0x09, 0x31, // Usage (Y)
 0x09, 0x38, // Usage (Wheel)
 0x15, 0x81, // Logical Minimum (-127)
 0x25, 0x7F, // Logical Maximum (127)
 0x75, 0x08, // Report Size (8)
 0x95, 0x03, // Report Count (3)
 0x81, 0x06, // Input (Data, Variable,Relative) - X & Y coordinate
 0xC0, // End Collection
 0xC0, // End Collection
// 键盘
0x05, 0x01, // UsagePg (Generic Desktop)
 0x09, 0x06, // Usage (Keyboard)
 0xA1, 0x01, // Collection: (Application)
 0x85, 0x02, // Report Id (2)
 //
 0x05, 0x07, // Usage Pg (Key Codes)
 0x19, 0xE0, // Usage Min (224)
 0x29, 0xE7, // Usage Max (231)
 0x15, 0x00, // Log Min (0)
 0x25, 0x01, // Log Max (1)
 // Modifier byte
 0x75, 0x01, // Report Size (1)
 0x95, 0x08, // Report Count (8)
 0x81, 0x02, // Input: (Data, Variable,Absolute)
 // Reserved byte
 0x95, 0x01, // Report Count (1)
 0x75, 0x08, // Report Size (8)
 0x81, 0x01, // Input: (Constant)
 // LED report
 0x95, 0x05, // Report Count (5)
 0x75, 0x01, // Report Size (1)
 0x05, 0x08, // Usage Pg (LEDs)
 0x19, 0x01, // Usage Min (1)
 0x29, 0x05, // Usage Max (5)
 0x91, 0x02, // Output: (Data, Variable,Absolute)
 // LED report padding
 0x95, 0x01, // Report Count (1)
 0x75, 0x03, // Report Size (3)
 0x91, 0x01, // Output: (Constant)
 // Key arrays (6 bytes)
 0x95, 0x06, // Report Count (6)
 0x75, 0x08, // Report Size (8)
 0x15, 0x00, // Log Min (0)
 0x25, 0x65, // Log Max (101)
 0x05, 0x07, // Usage Pg (Key Codes)
 0x19, 0x00, // Usage Min (0)
 0x29, 0x65, // Usage Max (101)
 0x81, 0x00, // Input: (Data, Array)
 0xC0, // End Collection
// Consumer
0x05, 0x0C, // Usage Pg (Consumer Devices)
 0x09, 0x01, // Usage (Consumer Control)
 0xA1, 0x01, // Collection (Application)
 0x85, 0x03, // Report Id (3)
 0x09, 0x02, // Usage (Numeric KeyPad)
 0xA1, 0x02, // Collection (Logical)
 0x05, 0x09, // Usage Pg (Button)
 0x19, 0x01, // Usage Min (Button1)
 0x29, 0x0A, // Usage Max (Button10)
 0x15, 0x01, // Logical Min (1)
 0x25, 0x0A, // Logical Max (10)
 0x75, 0x04, // Report Size (4)
 0x95, 0x01, // Report Count (1)
 0x81, 0x00, // Input (Data, Ary,Abs)
 0xC0, // End Collection
 0x05, 0x0C, // Usage Pg (ConsumerDevices)
 0x09, 0x86, // Usage (Channel)
 0x15, 0xFF, // Logical Min (-1)
 0x25, 0x01, // Logical Max (1)
 0x75, 0x02, // Report Size (2)
 0x95, 0x01, // Report Count (1)
 0x81, 0x46, // Input (Data, Var,Rel, Null)
 0x09, 0xE9, // Usage (Volume Up)
 0x09, 0xEA, // Usage (Volume Down)
 0x15, 0x00, // Logical Min (0)
 0x75, 0x01, // Report Size (1)
 0x95, 0x02, // Report Count (2)
 0x81, 0x02, // Input (Data, Var,Abs)
 0x09, 0xE2, // Usage (Mute)
 0x09, 0x30, // Usage (Power)
 0x09, 0x40, // Usage (Menu)
 0x09, 0xB1, // Usage (Pause)
 0x09, 0xB2, // Usage (Record)
 0x0a, 0x23, 0x02, // Usage (Home)
 0x0a, 0x24, 0x02, // Usage (Back)
 0x09, 0xB3, // Usage (Fast Forward)
 0x09, 0xB4, // Usage (Rewind)
 0x09, 0xB5, // Usage (Scan Next)
 0x09, 0xB6, // Usage (Scan Prev)
 0x09, 0xB7, // Usage (Stop)
 0x15, 0x01, // Logical Min (1)
 0x25, 0x0C, // Logical Max (12)
 0x75, 0x04, // Report Size (4)
 0x95, 0x01, // Report Count (1)
 0x81, 0x00, // Input (Data, Ary,Abs)
 0x09, 0x80, // Usage (Selection)
 0xA1, 0x02, // Collection (Logical)
 0x05, 0x09, // Usage Pg (Button)
 0x19, 0x01, // Usage Min (Button1)
 0x29, 0x03, // Usage Max (Button3)
 0x15, 0x01, // Logical Min (1)
 0x25, 0x03, // Logical Max (3)
 0x75, 0x02, // Report Size (2)
 0x81, 0x00, // Input (Data, Ary,Abs)
 0xC0, // End Collection
 0x81, 0x03, // Input (Const, Var,Abs)
 0xC0 // End Collection
};

上面用三大应用功能，分别鼠标、键盘和Consumer，每个应用功能都是用Collection Application括起来的。

我们先来解析鼠标的报告描述：

// 0x04代表是Global类的Usage Page功能，最位2位表示带多少个字节的数据，因为只带1个数据，所以是1，跟0x04组合起来就是0x05了。其他名称的不多，数值可以参照上面的《3名称》
0x05,0x01, // Usage Page (Generic Desktop)
// 表示这是一个鼠标， Usage是为了给对方解析数据时有个参照
0x09, 0x02, // Usage (Mouse)
// 0xA1, 0x01 表示Collection Application ; 0xA1,0x00表示CollectionPhysical.表示下面所包含的是对Mouse的解释
0xA1, 0x01, // Collection (Application)
// 该报告对应的ID是1
0x85, 0x01, // Report Id (1)
// 这是个指针形式
0x09, 0x01, // Usage (Pointer)
// 下面所包含的是对指针的解释
0xA1, 0x00, // Collection (Physical)
// 下面定义的是按键
0x05, 0x09, // Usage Page (Buttons)
// 总共有3个按键
0x19, 0x01, // Usage Minimum (01) -Button 1
0x29, 0x03, // Usage Maximum (03) -Button 3
// 按键的值是0和1，表示放开和按下
0x15, 0x00, // Logical Minimum (0)
0x25, 0x01, // Logical Maximum (1)
// 有3个1位，即用3bits分别对应三个按键
0x75, 0x01, // Report Size (1)
0x95, 0x03, // Report Count (3)
// 将这三个位加入本报告的数据中，这三位是可读写的绝对值
0x81, 0x02, // Input (Data, Variable,Absolute) - Button states
// 定义1个5位的数据
0x75, 0x05, // Report Size (5)
0x95, 0x01, // Report Count (1)
// 将这个数据添加到本报告的数据中，主要是与前面3位组成一个字节，这5位是Constant数据
0x81, 0x01, // Input (Constant) - Paddingor Reserved bits
// 下面定义的是X,Y,Wheel三个功能
0x05, 0x01, // Usage Page (Generic Desktop)
0x09, 0x30, // Usage (X)
0x09, 0x31, // Usage (Y)
0x09, 0x38, // Usage (Wheel)
// X,Y,Wheel的取值范围是-127~127
0x15, 0x81, // Logical Minimum (-127)
0x25, 0x7F, // Logical Maximum (127)
// 用三个字节来表示x,y,wheel
0x75, 0x08, // Report Size (8)
0x95, 0x03, // Report Count (3)
// 将这三个字节添加到本报告中
0x81, 0x06, // Input (Data, Variable,Relative) - X & Y coordinate
0xC0, // End Collection

上面解析出来的数据格式如下:

我们来看一下，如果要发一个鼠标的坐标，该如何发：

static void hidEmuKbdSendMouseReport( uint8buttons )
{
    uint8 buf[HID_MOUSE_IN_RPT_LEN];
    buf[0] = buttons; // Buttons
    buf[1] = 0; // X
    buf[2] = 0; // Y
    buf[3] = 0; // Wheel
    HidDev_Report( HID_RPT_ID_MOUSE_IN, HID_REPORT_TYPE_INPUT, HID_MOUSE_IN_RPT_LEN, buf );
}

从上面函数可以看到，X,Y在第2、3个字节，结合上面的数据格式图可以看出，正好是对应的。

我们接着解析键盘的报告描述：

// 这是一个键盘
0x05,0x01, // Usage Pg (Generic Desktop)
0x09, 0x06, // Usage (Keyboard)
// 本报告的ID是2
0xA1, 0x01, // Collection: (Application)
0x85, 0x02, // Report Id (2)
// 下面定义的是按键码
0x05, 0x07, // Usage Pg (Key Codes)
// 按键码分别是224~231，共总有8个按键码
0x19, 0xE0, // Usage Min (224)
0x29, 0xE7, // Usage Max (231)
// 按键码的值是0和1，分别代表放开和按下
0x15, 0x00, // Log Min (0)
0x25, 0x01, // Log Max (1)
// 用8个bit分别表示8个按键的状态
// Modifier byte
0x75, 0x01, // Report Size (1)
0x95, 0x08, // Report Count (8)
// 将这8个bit添加到本报告中
0x81, 0x02, // Input: (Data, Variable,Absolute)
// 另外再预留8个bit备用，暂时没用
// Reserved byte
0x95, 0x01, // Report Count (1)
0x75, 0x08, // Report Size (8)
0x81, 0x01, // Input: (Constant)
// 定义5个1bit
// LED report
0x95, 0x05, // Report Count (5)
0x75, 0x01, // Report Size (1)
// 这是LED
0x05, 0x08, // Usage Pg (LEDs)
// 5个bit分别对应LED1~LED5
0x19, 0x01, // Usage Min (1)
0x29, 0x05, // Usage Max (5)
// 将这5个bit添加到本报告中，LED需要作为OUT
0x91, 0x02, // Output: (Data, Variable,Absolute)
// 再增加3个bit，与上面5个bit组成一个字节
// LED report padding
0x95, 0x01, // Report Count (1)
0x75, 0x03, // Report Size (3)
0x91, 0x01, // Output: (Constant)
// 定义6个字节
// Key arrays (6 bytes)
0x95, 0x06, // Report Count (6)
0x75, 0x08, // Report Size (8)
// 每个字节的取值范围是0~101
0x15, 0x00, // Log Min (0)
0x25, 0x65, // Log Max (101)
// 这个也是键盘码
0x05, 0x07, // Usage Pg (Key Codes)
// 分别是键盘码0~键盘码101
0x19, 0x00, // Usage Min (0)
0x29, 0x65, // Usage Max (101)
// 将这6个字节添加到本报告中,表示同时可产生6个键值。
0x81, 0x00, // Input: (Data, Array)
0xC0, // End Collection

上面解析出来的数据格式如下:

Input和Out是不同的两条通道。现在我们来看一下，如果要发一个按键K0~K101，需要怎么发，如下：

static void hidEmuKbdSendReport( uint8keycode )
{
    uint8 buf[HID_KEYBOARD_IN_RPT_LEN];
    buf[0] = 0; // Modifierkeys
    buf[1] = 0; // Reserved
    buf[2] = keycode; // Keycode 1
    buf[3] = 0; // Keycode 2
    buf[4] = 0; // Keycode 3
    buf[5] = 0; // Keycode 4
    buf[6] = 0; // Keycode 5
    buf[7] = 0; // Keycode 6
    HidDev_Report( HID_RPT_ID_KEY_IN, HID_REPORT_TYPE_INPUT, HID_KEYBOARD_IN_RPT_LEN, buf );
}

上面函数可以看到，它是放在第3个字节，结合数据格式图可以看出，第3个字节开始，刚好是在K0~K101的按键区。

我们最后来解析Consumer的报告描述：

// 这是个Consumer控制
0x05,0x0C, // Usage Pg (Consumer Devices)
0x09, 0x01, // Usage (Consumer Control)
// 本报告ID为3
0xA1, 0x01, // Collection (Application)
0x85, 0x03, // Report Id (3)
// 下面定义的是数字键盘
0x09, 0x02, // Usage (Numeric KeyPad)
// 下面定义的是按键
0xA1, 0x02, // Collection (Logical)
0x05, 0x09, // Usage Pg (Button)
// 分别是Button1~Button10
0x19, 0x01, // Usage Min (Button1)
0x29, 0x0A, // Usage Max (Button10)
// 每个按键的取值范围为1~10
0x15, 0x01, // Logical Min (1)
0x25, 0x0A, // Logical Max (10)
// 1个4bit的值，来表示键值1~10，这个值是哪个就表示哪个键按下。
0x75, 0x04, // Report Size (4)
0x95, 0x01, // Report Count (1)
// 将这4bit添加到本报告中
0x81, 0x00, // Input (Data, Ary, Abs)
0xC0, // End Collection
// 这里定义的是频道
0x05, 0x0C, // Usage Pg (ConsumerDevices)
0x09, 0x86, // Usage (Channel)
// 频道值范围是-1~1，这里应该只用到-1和1，表示频道+和-
0x15, 0xFF, // Logical Min (-1)
0x25, 0x01, // Logical Max (1)
// 用一个2bit来表示，第1个bit表示频道+，第二个表示频道-
0x75, 0x02, // Report Size (2)
0x95, 0x01, // Report Count (1)
// 将这个2bit加到本报告中
0x81, 0x46, // Input (Data, Var,Rel, Null)
// 定义两个按键，音量加和音量减
0x09, 0xE9, // Usage (Volume Up)
0x09, 0xEA, // Usage (Volume Down)
// 按键值为0~1，这里少了LogicalMax,继承上面的LogicalMax=1
0x15, 0x00, // Logical Min (0)
0x75, 0x01, // Report Size (1)
// 定义2个1bit，每个bit代表一个键
0x95, 0x02, // Report Count (2)
// 将2个1bit添加到本报告中
0x81, 0x02, // Input (Data, Var,Abs)
// 定义12个按键
0x09, 0xE2, // Usage (Mute)
0x09, 0x30, // Usage (Power)
0x09, 0x40, // Usage (Menu)
0x09, 0xB1, // Usage (Pause)
0x09, 0xB2, // Usage (Record)
0x0a, 0x23, 0x02, // Usage (Home)
0x0a, 0x24, 0x02, // Usage (Back)
0x09, 0xB3, // Usage (Fast Forward)
0x09, 0xB4, // Usage (Rewind)
0x09, 0xB5, // Usage (Scan Next)
0x09, 0xB6, // Usage (Scan Prev)
0x09, 0xB7, // Usage (Stop)
// 用一个4位来存储1~12，1表示Mute … 12表示Stop
0x15, 0x01, // Logical Min (1)
0x25, 0x0C, // Logical Max (12)
0x75, 0x04, // Report Size (4)
0x95, 0x01, // Report Count (1)
// 将这个4bit添加到报告中
0x81, 0x00, // Input (Data, Ary,Abs)
0x09, 0x80, // Usage (Selection)
// 这是按键
0xA1, 0x02, // Collection (Logical)
0x05, 0x09, // Usage Pg (Button)
// 分别是Button1~Button3
0x19, 0x01, // Usage Min (Button1)
0x29, 0x03, // Usage Max (Button3)
// 每个按键取值范围是1~3
0x15, 0x01, // Logical Min (1)
0x25, 0x03, // Logical Max (3)
// 这里缺少了Report Count，继承上面的Report Count =1，也就是用1个2bit来存储1~3
0x75, 0x02, // Report Size (2)
// 将1个字节添加到本报告中
0x81, 0x00, // Input (Data, Ary,Abs)
0xC0, // End Collection
// 再补充2个bit将上面的凑成一个字节，ReportSize=2和Report Count=1继承上面的。
0x81, 0x03, // Input (Const, Var,Abs)
0xC0 // End Collection

修改后，解析出来的数据格式如下:

我们来看一下，如果要发音量+/-键该怎么发：

static void hidCCSendReport( uint8 cmd,bool keyPressed )
{
    //Only send the report if something meaningful to report
    uint8 buf[HID_CC_IN_RPT_LEN] = { 0, 0 };
    //No need to include Report Id
    if( keyPressed )
    {
        hidCCBuildReport( buf, cmd );
    }
    HidDev_Report( HID_RPT_ID_CC_IN, HID_REPORT_TYPE_INPUT, HID_CC_IN_RPT_LEN, buf );
}

在hidCCBuildReport对音量加减解析出来是：
音量加是：buf[0] =0x40, buf[1] = 0x00
音量减是：buf[0] =0x80, buf[1] = 0x00
正好与数据格式图中第一个字节的第6位和第7位相对应。

5 用途表

下面用途表中列了几个常用的表，其他详细请参看《HID用途表》
Usage Page

Generic Desktop Page（0x01）

Keyboard/Keypad Page(0x07)

LED Usage Page(0x08)

Button Usage Page(0x09)

Consumer Usage Page(0x0C)

步骤 1：引入 JSZip 库

通过 npm 安装或直接使用 CDN 引入 JSZip：

安装 JSZip：

npm install jszip

或通过 CDN 引入：

<script src="https://cdn.jsdelivr.net/npm/jszip"></script>

步骤 2：实现 ZIP 打包和下载

以下是核心代码，用于将多个文件打包成 ZIP 并提供下载：

<input type="file" id="fileInput" multiple />
<button id="downloadZip">下载 ZIP</button>
<script src="https://cdn.jsdelivr.net/npm/jszip"></script>
<script>
  const fileInput = document.getElementById("fileInput");
  const downloadZipButton = document.getElementById("downloadZip");

  downloadZipButton.addEventListener("click", async () => {
    const files = fileInput.files;

    if (!files.length) {
      alert("请选择要打包的文件！");
      return;
    }

    const zip = new JSZip();

    // 将文件添加到 ZIP 中
    for (const file of files) {
      const fileData = await file.arrayBuffer(); // 读取文件内容为 ArrayBuffer
      zip.file(file.name, fileData); // 添加文件到 ZIP
    }

    // 生成 ZIP 文件
    zip.generateAsync({ type: "blob" }).then((content) => {
      // 创建下载链接
      const a = document.createElement("a");
      const url = URL.createObjectURL(content);
      a.href = url;
      a.download = "files.zip";
      a.click();
      URL.revokeObjectURL(url); // 释放 URL
    });
  });
</script>

功能解释

1. 文件选择：

   • 使用 <input type="file" multiple /> 元素允许用户选择多个文件。
   • fileInput.files 提供了用户选择的文件列表。

2. JSZip 创建 ZIP 文件：

   • zip.file(name, data) 方法将文件添加到 ZIP 包中。
   • generateAsync({ type: "blob" }) 生成 ZIP 文件，并返回一个 Blob 对象。

3. 下载 ZIP 文件：

   • 使用 URL.createObjectURL 将 Blob 转化为临时 URL。
   • 创建一个 <a> 元素，设置其 href 属性为生成的 URL，并触发下载。

步骤 3：扩展功能（可选）

a. 支持嵌套文件夹

如果需要支持文件夹结构，可以使用 zip.folder(folderName) 创建文件夹，再将文件添加到该文件夹中。

const folder = zip.folder("myFolder");
folder.file("example.txt", "Hello, World!");

b. 显示打包进度

可以在 generateAsync 的 onUpdate 回调中显示打包进度。

zip.generateAsync({ type: "blob" }, (metadata) => {
  console.log(`压缩进度: ${metadata.percent.toFixed(2)}%`);
});

c. 支持图片、音频、视频等文件

JSZip 支持多种文件类型，可以直接将文件内容作为 Blob 或 ArrayBuffer 添加到 ZIP 中。

这是一个很奇特的需求
在指定的是个时间内
使用随机步数，跑完指定数量的回调。
听起来可能比较绕口
那么这个函数它有什么用呢

用途

红包雨：假设有1000个红包需要在60秒内下完
随机请求：假设有10个请求，需要在10分钟内做完，并且间隔时间随机。
...
用途还是很广的，看你需求了。

代码

function generateWithCallback(count, totalTime, callback) {
    if (typeof callback !== "function") {
        throw new Error("Callback must be a function");
    }

    const intervals = [];
    let sum = 0;

    // 1. 生成随机间隔比例
    for (let i = 0; i < count; i++) {
        const rand = Math.random();
        intervals.push(rand);
        sum += rand;
    }

    // 2. 归一化比例到总时间
    for (let i = 0; i < intervals.length; i++) {
        intervals[i] = (intervals[i] / sum) * totalTime;
    }

    let currentIndex = 0; // 当前回调索引
    let isPaused = false; // 控制是否暂停
    let timeoutId = null; // 保存当前的 `setTimeout` ID，用于清理或控制

    const triggerCallback = () => {
        if (currentIndex < count && !isPaused) {
            callback(currentIndex); // 调用回调函数，传入当前索引
            const nextInterval = intervals[currentIndex];
            currentIndex++;
            timeoutId = setTimeout(triggerCallback, nextInterval); // 等待下一个随机间隔
        }
    };

    // 提供暂停和恢复方法
    return {
        start() {
            if (!isPaused) {
                triggerCallback();
            }
        },
        pause() {
            isPaused = true;
            if (timeoutId) {
                clearTimeout(timeoutId); // 停止当前的 `setTimeout`
                timeoutId = null;
            }
        },
        resume() {
            if (isPaused) {
                isPaused = false;
                triggerCallback(); // 恢复从当前索引继续
            }
        },
    };
}

// 使用示例
const generator = generateWithCallback(
    10, // 生成 10 次回调
    60000, // 总时间（1分钟）
    (index) => {
        console.log(`Callback at index: ${index}`);
    }
);

// 启动生成
generator.start();

// 暂停和恢复示例
setTimeout(() => {
    console.log("Pausing...");
    generator.pause();
}, 15000); // 15秒后暂停

setTimeout(() => {
    console.log("Resuming...");
    generator.resume();
}, 30000); // 30秒后恢复

拿走不谢~

https://goproxy.cn

国内阿里云

https://developer.aliyun.com/mirror/go

官方源，备用

direct

执行下方命令

go env -w GOPROXY=https://goproxy.cn,https://developer.aliyun.com/mirror/go,direct

直接使用索引：

使用split：

使用charAt：

解决办法

// 文本分割
const splitGraphemes = (input) => {
    if (typeof Intl !== 'undefined' && Intl.Segmenter) {
        const segmenter = new Intl.Segmenter('en', { granularity: 'grapheme' });
        return Array.from(segmenter.segment(input), (segment) => segment.segment);
    } else {
        // 回退到正则分割
        const graphemeRegex = /(?:\p{Extended_Pictographic}(?:\p{Emoji_Modifier}|\u200D\p{Extended_Pictographic})*|[\s\S])/gu;
        return [...input.matchAll(graphemeRegex)].map(match => match[0]);
    }
}

解释

Intl.Segmenter 是一个国际化 API，用于根据语言环境和特定的粒度分割字符串。

• 这里判断当前环境是否支持 Intl.Segmenter：
  • 如果支持，创建一个 Segmenter 实例：

    const segmenter = new Intl.Segmenter('en', { granularity: 'grapheme' });

  • 'en'：指定语言环境为英文（但由于 grapheme 是独立于语言的，因此适用于多种语言）。
  • { granularity: 'grapheme' }：指定粒度为字素（grapheme），即按人类可见的字符进行分割。
  • 然后通过 Array.from 遍历 segmenter.segment(input) 返回的迭代器，将每个 segment 对象的 segment 属性提取到数组中。

如果 Intl.Segmenter 不可用，则使用正则表达式进行分割：

const graphemeRegex = /(?:\p{Extended_Pictographic}(?:\p{Emoji_Modifier}|\u200D\p{Extended_Pictographic})*|[\s\S])/gu;
return [...input.matchAll(graphemeRegex)].map(match => match[0]);

• \p{Extended_Pictographic}：匹配扩展图形字符（主要是表情符号和特殊符号）。
• (?:...)：非捕获组，用于将匹配的表情符号与修饰符或零宽连接符（u200D）组合起来。
• [\s\S]：匹配所有其他字符（如果不是表情符号）。
• /gu：
  • g：全局匹配，匹配所有字素。
  • u：启用 Unicode 模式，确保正确处理 Unicode 字符。

步骤：

1. 使用 input.matchAll(graphemeRegex) 获取所有匹配的字素。
2. 将每个匹配的结果提取为一个字符串并返回为数组。

• Intl.Segmenter 是更现代、准确的方式，尤其适用于需要国际化支持的环境。
• 如果 Intl.Segmenter 不可用，则使用正则表达式作为兼容方案。

适用场景：

• 处理用户输入中的 Emoji 或复合字符。
• 文本编辑器、聊天应用等需要逐字素处理的应用。

在使用二维数组做条件的时候，如下：

$where = [];
$where[] = ['a','=','1'];
$where[] = ['b','=','2'];
$where[] = ['a','=','null'||NULL]; //错误

查阅了很多资料都没有一个说法，官方文档写的简之又简，等于没说。

最后在文档评论下看到了写法：

数组 IS NULL 和 IS NOT NULL 用法
$condition=[
    ['remark', "not null",''],
    ['status', "null",'']
];

你妈妈的吻啊，绝了！

顺便整理一下

where方法的写法

where('email','null');
where('email','not null');
where('id','exp',' IN (1,3,8) ')
whereExp('id', 'IN (1,3,8) ')
whereRaw('email is null')

数组条件

$where[] = ['id','null',''];
$where[] = ['id','not null',''];
$where[] = ['id','exp','IN (1,3,8)'];

说说怎么配置vue.config.js让你的代码混淆加密一下子

使用webpack-obfuscator

1.安装

npm install webpack-obfuscator --save-dev

2.配置vue.config

const WebpackObfuscator = require('webpack-obfuscator');

module.exports = defineConfig({
  // ...
  productionSourceMap: false, // 禁用 Source Map
  configureWebpack: (config) => {
    if (process.env.NODE_ENV === 'production') {
      // 在生产环境启用代码混淆
      config.plugins.push(
        new WebpackObfuscator(
          {
            rotateStringArray: true,
          },
          ['*.js'] // 仅混淆指定文件
        )
      )
    }
  }
})

这样build后代码就被混淆且目录结构也没有了

环境准备：USB数据线连接电脑和手机，手机要开启Debug调试模式。

1、在Chrome中打开：chrome://inspect/#devices

2、微信打开网页： http://debugxweb.qq.com/?inspector=true （这一步是关键）

（也可直接扫以下二维码打开，该二维码即以上网址）

出现以下界面，点击要调试网页的inspect即可：

使用 Date 对象来尝试创建日期，然后检查是否为 NaN（非数字）。

function isValidDate(date) {
    const parsedDate = new Date(date);
    return parsedDate instanceof Date && !isNaN(parsedDate);
}

console.log(isValidDate("2023-12-01")); // true
console.log(isValidDate("invalid-date")); // false

方法二：正则表达式

可以用正则表达式来验证日期格式（例如 YYYY-MM-DD、DD/MM/YYYY）。

function isDateString(dateStr) {
    const datePattern = /^\d{4}-\d{2}-\d{2}$/;  // 示例: YYYY-MM-DD 格式
    return datePattern.test(dateStr);
}

console.log(isDateString("2023-12-01")); // true
console.log(isDateString("12/01/2023")); // false

方法三：结合 isDateString 和 isValidDate

可以先用正则表达式检查格式，再用 isValidDate 检查是否为有效日期。

function isDate(dateStr) {
    const datePattern = /^\d{4}-\d{2}-\d{2}$/;  // YYYY-MM-DD 格式
    if (!datePattern.test(dateStr)) return false;
    return isValidDate(dateStr);
}

console.log(isDate("2023-12-01")); // true
console.log(isDate("12/01/2023")); // false

方法四：使用 moment.js

如果项目中使用了 moment.js，可以更方便地判断日期：

// 引入 moment.js
// const moment = require('moment');  // 适用于 Node.js 环境
function isMomentDate(dateStr) {
    return moment(dateStr, "YYYY-MM-DD", true).isValid();
}

console.log(isMomentDate("2023-12-01")); // true
console.log(isMomentDate("12/01/2023")); // false

android下

App.vue

<script>
export default {
  name: 'App',
  mounted() {
    const handleFontSize = () => {
      // 设置网页字体为默认大小
      WeixinJSBridge.invoke('setFontSizeCallback', {fontSize: 0});
      // 重写设置网页字体大小的事件
      WeixinJSBridge.on('menu:setfont', function() {
        WeixinJSBridge.invoke('setFontSizeCallback', {fontSize: 0});
      });
    };
    try {
      // 安卓 禁止用户自定义设置字体大小
      if (typeof WeixinJSBridge == 'object' && typeof WeixinJSBridge.invoke == 'function') {
        handleFontSize();
      } else {
        if (document.addEventListener) {
          document.addEventListener('WeixinJSBridgeReady', handleFontSize, false);
        } else if (document.attachEvent) {
          document.attachEvent('WeixinJSBridgeReady', handleFontSize);
          document.attachEvent('onWeixinJSBridgeReady', handleFontSize);
        }
      }
    } catch (error) {}
  }
};
</script>

ios下

<style lang="less">
body {
  /* IOS 禁止用户自定义设置字体大小 */
  -webkit-text-size-adjust: 100% !important;
  text-size-adjust: 100% !important;
  -moz-text-size-adjust: 100% !important;
}
</style>

这是一场持久战
查阅了无数资料
经历了无数失败
直到...
[373010.516498] usbcore: registered new interface driver ch341
[373010.516706] usbserial: USB Serial support registered for ch341-uart

首先感谢各位前辈的分享：
@teasiu https://www.znds.com/tv-1207323-1-1.html
@AyFun https://github.com/AyFun/HiSTBLinux_drive
@07bug https://github.com/07bug/HiSTBLinuxV100R005C00SPC060
@三见故山秋 https://blog.csdn.net/m0_48931482/article/details/136988649?spm=1001.2014.3001.5502

那就开始吧。

盒子的基本信息：

板型名称 : hi3798mv100_hi3798mdmo1d
CPU 信息 : hi3798mv100-series@4核处理器 | armv7l架构
系统版本 : Ubuntu 20.04.6 LTS | V20230401-4.4.35_ecoo_81092768-32

编译所用的pc系统信息，是腾讯云的服务器...

Distributor ID: Ubuntu
Description:    Ubuntu 20.04 LTS
Release:    20.04

一、下载SDK

https://github.com/07bug/HiSTBLinuxV100R005C00SPC060
解压到root目录下。

二、编译环境

安装需要的编译工具

apt-get install gcc make gettext bison flex bc zlib1g-dev libncurses5-dev lzma

三、编译

1.根据盒子拷贝相应的config

cp configs/hi3798mv100/hi3798mdmo1d_hi3798mv100_cfg.mak cfg.mak

2.make hiboot

这一步是为了生成交叉编译工具链

# 首先要配置以下环境变量 在sdk根目录下
source ./env.sh
make hiboot

大概38秒就完成了。

3.编译内核

这一步是为了编译依赖吧，反正不编译没法直接编译模块

cd /root/HiSTBLinuxV100R005C00SPC060/source/kernel
make all

会出现以下错误 这是sdk的问题

解决：
wget 下载linux-4.4.35.tar.gz到third_party/open_source/下

# 先删除
rm ../../third_party/open_source/linux-4.4.35.tar.gz
# 下载到third_party/open_source/
wget -P ../../third_party/open_source/ https://www.kernel.org/pub/linux/kernel/v4.x/linux-4.4.35.tar.gz

下载完成后再 make all
耐心等待完成...

4.收集盒子信息：

在盒子上看看你的内核版本是多少

uname -r

然后到 /lib/modules/4.4.35ecoo 目录下找到任意一个驱动，查看驱动信息。

modinfo cfg80211.ko

记住下面这一行，编辑vermagic.h的时候要一致。

5.到编译机器上编辑vermagic.h文件

编译完成后会出现linux-4.4.y目录

vim linux-4.4.y/include/linux/vermagic.h

看下面的拼接字符要和modinfo cfg80211.ko里面的一致

我这边是：替换 UTS_RELEASE 为 4.4.35_ecoo_xxxx;删掉了MODULE_VERMAGIC_PREEMPT的内容

6.下载官网ch341驱动

https://www.wch.cn/downloads/CH341SER_LINUX_ZIP.html
在root下mkdir个ch341目录
把下载的驱动ch341.h/ch341.c放在里面，不要官网的Makefile文件。

7.创建ch341的Makefile文件

vim /root/ch341/Makefile

键入以下内容：

obj-m := ch341.o

KDIR := /root/HiSTBLinuxV100R005C00SPC060-master/source/kernel/linux-4.4.y  # 修改为你的 Linux 内核源码路径
PWD := $(shell pwd)

all:
        $(MAKE) -C $(KDIR) M=$(PWD) modules

clean:
        $(MAKE) -C $(KDIR) M=$(PWD) clean

8.编辑Makefile文件，主要是交叉编译参数太多，图个方便，避免出错！

vim Makefile

拷贝上面menuconfig
新行粘贴后修改menuconfig为M=/root/ch341 modules

9.开始编译模块

# 开始make
make ch341

如果出现：

Makefile文件粘贴不合适了，make前面的空格换成tab

10.进入 /root/ch341 拷贝ko到盒子

cd /root/ch341

注意了下面是盒子上操作了

1.加载驱动

insmod ch341.ko

报错：insmod: ERROR: could not insert module ch341.ko: Invalid module format
输入dmesg | tail查看具体错误：

dmesg | tail

像下面的就是vermagic.h文件没搞正确

啥错误没提示那就是合适了，恭喜你！

2.放到 /usr/lib/modules/4.4.35_xxxx/kernel/drivers

cp ch341.ko /usr/lib/modules/4.4.35_xxxx/ch341.ko
# 更新模块依赖
depmod -a
# 查看状态
dmesg | tail

dev目录下也有了ttyCH341USB0

3.开机自动加载

编辑/etc/modules在最后加入ch341

vim /etc/modules

4.重启后验证

lsmod | grep ch341

@ayFun 提到的官网的串口驱动死机问题：
测试在minicom下确实会卡死，测试 echo "test" > /dev/ttyCH341USB0 也是可以正常接受到的。
在screen工具下不会的，screen /dev/ttyCH341USB0 9600 完美！
还有sdk自带的ch341驱动在接收的时候丢数据延迟，不知道什么原因。

至此完毕，祝君成功！

@touchmove.stop.prevent="()=>{}"

<canvas id="canvas" type="2d"  @touchstart="canvasTouch" @touchmove="canvasTouch" @touchend="canvasTouch" @touchmove.stop.prevent="()=>{}"></canvas>

一、什么是Syncthing？

Syncthing 是一个自由的开源文件同步工具，支持多平台，包括Linux、macOS、Windows、Android等。它的最大亮点是完全去中心化，不依赖云端服务器，数据传输加密，极大保护了用户隐私。

二、在Linux上安装Syncthing

1. github下载最新二进制包

github：https://github.com/syncthing/syncthing
releases：https://github.com/syncthing/syncthing/releases
安卓：https://github.com/syncthing/syncthing-android

根据自己的操作系统下载，我是ubuntu x64机器所以下载了：syncthing-linux-amd64-v1.27.12.tar.gz

2. 安装Syncthing

不建议使用apt安装，版本有点老旧。
解压压缩包

tar -xzvf syncthing-linux-amd64-v1.27.12.tar.gz

解压出来将syncthing二进制文件移动到bin中

mv syncthing /usr/bin/syncthing

至此安装就完成了。

3. 启动Syncthing

Syncthing安装完成后，可以通过命令启动它：

syncthing

启动后，Syncthing会自动在本地的127.0.0.1:8384端口运行一个Web管理界面，打开浏览器，输入 http://localhost:8384 进入管理页面。
如果你的Syncthing构建在服务器上，那么需要配置一下IP才行。命令行输入 syncthing -paths 找到 config.xml 这项，vim编辑config.xml文件内容。

vim /root/.local/state/syncthing/config.xml

找到gui，将127.0.0.1:8384改成0.0.0.0:8384这样就可以外网访问了。

配置完成后重新启动syncthing。

三、配置Syncthing

1. 配置防火墙

在使用 Syncthing 时，除了 8384 端口（用于 Web UI），你还需要确保以下端口开放：

• 22000：用于同步数据的主要端口。
• 21027（UDP）：用于局域网发现和连接。

2. 添加同步文件夹

进入Web界面后，你可以点击“添加文件夹”按钮，选择需要同步的本地文件夹。注意，每个同步的文件夹都可以设置唯一的ID和不同的权限。

3. 添加同步设备

点击页面中的“添加远程设备”，输入对方设备的ID（可以从对方Syncthing管理界面获取）。双方设备会自动互相配对，一旦连接成功，就可以开始同步了。这个就不详细说了，自己研究一下就知道了。

四、设置开机自启动

为了避免每次重启都要手动启动Syncthing，我们可以将其设置为开机自启动。

1. 创建系统服务

sudo nano /etc/systemd/system/syncthing.service

在文件中输入以下内容：

-no-browser 是 Syncthing 的一个启动选项，表示在启动 Syncthing 时不自动打开浏览器访问管理界面。

[Unit]
Description=Syncthing - Open Source Continuous File Synchronization
Documentation=https://docs.syncthing.net/
After=network.target

[Service]
User=你的用户名如：ubuntu 或 root
ExecStart=/usr/bin/syncthing -no-browser

[Install]
WantedBy=multi-user.target

保存并退出后，执行以下命令启用服务：

# 重新加载systemd
sudo systemctl daemon-reload

# 启用并启动Syncthing服务
sudo systemctl enable syncthing
sudo systemctl start syncthing

五、常见问题与解决方案

1. 无法访问Web界面

确保Syncthing已经启动，并且防火墙开放了8384端口。如果还是无法访问，可以尝试查看日志：

   journalctl -u syncthing

2. 设备无法配对

确认对方设备的ID是否正确，并且两端的Syncthing都已添加了对方设备。如果有防火墙，检查22000端口是否已开放。

下载 wo mic

1. 手机端
   IOS用户：App Store中搜索wo mic
   安卓用户：点击下载
2. 电脑端
   仅支持windows系统：点击下载

手机端配置

记住IP，点击启动

电脑端安装配置

1. 打开安装包，一路下一步，最后重启电脑。
2. 打开软件点击连接（保证手机和电脑再同一个局域网内，或者手机usb连接电脑,usb方式比较麻烦不建议）
   
   

此时电脑端会出现一个mic设备

对着手机讲话就可以传输到电脑了。

如何将电脑的声音传到手机上？
这样的神仙软件也是有的，看教程：https://www.vsay.net/mycode/206.html

不同使用场景中，有效范围不同。
我们来看看都有哪些场景：

1、在当前shell会话中export

当前shell会话中export，例如：

export VARIABLE_NAME=value
# 或者添加到PATH
export PATH=$PATH:/usr/local/go/bin

这个设置只在当前Shell会话中有效，当会话结束时会失效。

2、在脚本中export

可以使用"export"命令在脚本中设置并导出环境变量，使其在当前脚本以及后续子进程中可见。这样可以确保其他脚本或命令能够使用这些导出的环境变量。

例如，在一个Shell脚本中，可以这样使用export命令设置环境变量：

#!/bin/bash

# 设置并导出环境变量
export VARIABLE_NAME=value

# 其他脚本或命令可以访问导出的环境变量
other_script.sh

在这个示例中，"export VARIABLE_NAME=value"语句将设置一个名为VARIABLE_NAME的环境变量，并将其导出，以便在脚本中和之后的其他脚本中都能够访问到。需要注意的是，导出的环境变量仅在子进程中有效，不会影响到父进程或其他已经存在的Shell会话。如果希望将环境变量导出到当前Shell会话中，可以直接运行脚本而不是使用子进程执行，如通过"source"命令或"."运算符：

source script.sh

或者

. script.sh

这样，脚本中设置并导出的环境变量将在当前shell会话中立即生效。

3、用户级永久export环境变量

将环境变量添加到用户的个人配置文件中，例如/.bashrc或/.bash_profile，具体的操作如下：

打开用户的个人配置文件：

vi ~/.bashrc

在文件中添加环境变量的设置，例如：

export VARIABLE_NAME=value

保存文件并退出。然后重启shell会话或运行"source ~/.bashrc"使其生效。

4、系统级永久export环境变量

可以将环境变量添加到系统级配置文件中，例如/etc/profile或/etc/environment，具体的操作如下：

打开系统级配置文件：

sudo vi /etc/profile

在文件中添加环境变量的设置，例如：

export VARIABLE_NAME=value

保存文件并退出。然后重新登录或使用"source /etc/profile"使其生效。

一月的价格：

一年的价格：

官网优惠链接：https://my.htstack.com/aff.php?aff=17805
活动链接：https://www.htstack.com/activity/20231111.shtml?aff=17805

什么是猫抓（Cat-Catch）？

“猫抓（Cat-Catch）”是一款强大的媒体嗅探工具，它可以帮助用户快速、轻松地从各种网站上嗅探并下载视频、音频、图片等媒体资源。它不仅功能强大，而且操作简便，是广大用户进行媒体资源下载的得力助手。

功能特点

1. 支持多种媒体格式：猫抓支持嗅探并下载各种格式的视频（如MP4、FLV、AVI等）、音频（如MP3、WAV、AAC等）以及图片（如JPG、PNG、GIF等）。

2. 自动嗅探：当用户访问某个网页时，猫抓会自动嗅探该页面上的所有媒体资源，并将其列出，用户可以选择性下载所需的资源。

3. 批量下载：用户可以一次性选择多个媒体资源进行批量下载，提高了下载效率。

4. 支持各种网站：猫抓几乎支持所有主流视频网站、音乐网站、图片网站等，涵盖面广。

5. 操作简便：猫抓的界面简洁直观，用户只需点击几下鼠标，就可以完成媒体资源的嗅探和下载。

如何安装和使用猫抓（Cat-Catch）

安装步骤

1. 打开Chrome浏览器，进入Chrome网上应用店（Chrome Web Store）。
2. 在搜索框中输入“猫抓”或“Cat-Catch”，找到该扩展程序。
3. 点击“添加到Chrome”按钮，按照提示完成安装。你也可以通过以下链接直接访问下载页面：
   Chrome网上应用店 - 猫抓
   Edge浏览器插件 - 猫抓
   Firefox浏览器插件 - 猫抓

使用方法

1. 启动猫抓：安装完成后，点击浏览器右上角的猫抓图标，启动扩展程序。
2. 嗅探媒体资源：访问你想要下载媒体资源的网页，猫抓会自动嗅探并列出该页面上的所有媒体资源。
3. 选择并下载：在猫抓的界面中选择你需要下载的媒体资源，点击“下载”按钮，即可开始下载。

GitHub地址

猫抓的开源代码托管在GitHub上，开发者和感兴趣的用户可以访问以下链接了解更多信息，参与项目开发或提交反馈：
GitHub - 猫抓（Cat-Catch）

实际应用案例

下载在线视频

假设你在某个视频网站上看到了一个非常喜欢的视频，并且想要将其下载到本地。只需启动猫抓，访问该视频页面，猫抓会自动嗅探到视频资源，并将其列出。你只需点击下载，即可将视频保存到本地。

获取网页音频

有时我们在浏览网页时，会听到一些喜欢的背景音乐或音频节目。使用猫抓，同样可以轻松将这些音频资源下载到本地，方便随时播放。

保存图片

对于一些图片爱好者来说，猫抓也是一个非常实用的工具。你可以使用猫抓将网页上的高清图片下载下来，保存到自己的图片库中。

总结

“猫抓（Cat-Catch）”是一款非常强大的媒体嗅探工具，它不仅支持多种媒体格式的嗅探和下载，还具备自动嗅探、批量下载等功能。通过简单的操作，用户可以轻松获取各种网站上的媒体资源。如果你经常需要下载视频、音频或图片，猫抓无疑是一个不可或缺的好帮手。

软件简介

FFmpeg Media Encoder是一款开源的视频、音频转码软件。它包括了目前领先的音/视频编码库libavcodec，可以轻易地实现多种视频格式之间的相互转换。

适用范围

• 图像：可以把几乎任何格式的图像转换到JPG，PNG，BMP，EPS，GIF，HDR，EXR，SVG，TGA，TIFF，WBMP，或WEBP格式。
• 视频：可以把几乎任何格式的视频转换到3GP，3G2，FLV，MKV，MP4，MPEG-2，OGG，WEBM，或WMV格式。
• 音频：可以把几乎任何格式的音频转换到MP3，OGG，WAV，WMA，AAC，FLAC，M4A等，或MMF格式。
• 文档：可以把与之有关的任何东西转换到PDF，DOC，TXT，ODT，FLASH，或HTML格式。
• 电子书：可以把电子书以MOBI，EPUB，PDF，LRF，FB2，LIT，PDB，TCR等多种格式互相转换。
• 档案：转换文件至档案，或以档案格式互相转换！支持ZIP，BZ2，7Z和GZ格式。

软件截图

下载地址

本站下载：FFmpegMediaEncoder_v4.0.5.apk
蓝奏下载：https://vsay.lanzoul.com/irr9526dchgh 密码:fdcq

目录

1. 查看媒体文件信息
2. 视频格式转换
3. 提取音频
4. 视频剪辑
5. 合并视频文件
6. 调整视频分辨率
7. 添加水印
8. 转换音频格式
9. 控制比特率
10. 添加字幕
11. 处理m3u8
12. 旋转视频
13. 调整音量
14. 改变视频帧率
15. 视频转GIF
16. 音频剪辑

查看媒体文件信息

要查看视频或音频文件的详细信息，可以使用以下命令：

ffmpeg -i input.mp4

该命令将显示文件的格式、编码信息、分辨率、比特率等详细信息。

视频格式转换

将视频文件从一种格式转换为另一种格式：

ffmpeg -i input.mp4 output.avi

上面的命令将MP4文件转换为AVI文件。FFmpeg会根据输出文件的扩展名自动选择编码器。

提取音频

从视频文件中提取音频：

ffmpeg -i input.mp4 -q:a 0 -map a output.mp3

该命令将MP4视频文件中的音频提取并保存为MP3格式。

视频剪辑

从视频文件中剪辑一段特定时间的视频：

ffmpeg -i input.mp4 -ss 00:00:10 -to 00:00:20 -c copy output.mp4

该命令将从第10秒开始到第20秒结束的片段剪辑出来，并保存为新的MP4文件。

合并视频文件

将多个视频文件合并为一个文件：
首先，创建一个包含所有待合并文件的文本文件（比如filelist.txt），内容如下：

file 'part1.mp4'
file 'part2.mp4'
file 'part3.mp4'

然后使用以下命令进行合并：

ffmpeg -f concat -safe 0 -i filelist.txt -c copy output.mp4

该命令将part1.mp4、part2.mp4和part3.mp4合并为output.mp4。

调整视频分辨率

改变视频的分辨率：

ffmpeg -i input.mp4 -vf scale=1280:720 output.mp4

该命令将输入视频调整为1280x720的分辨率。

添加水印

在视频上添加图片水印：

ffmpeg -i input.mp4 -i watermark.png -filter_complex "overlay=10:10" output.mp4

该命令将watermark.png图片添加到input.mp4视频的左上角（10像素偏移）。

转换音频格式

将音频文件从一种格式转换为另一种格式：

ffmpeg -i input.wav output.mp3

该命令将WAV文件转换为MP3格式。

控制比特率

指定输出文件的比特率：

ffmpeg -i input.mp4 -b:v 1000k -b:a 128k output.mp4

该命令将输出视频的比特率设置为1000kbps，音频比特率设置为128kbps。

添加字幕

将SRT字幕文件嵌入视频：

ffmpeg -i input.mp4 -vf subtitles=subtitles.srt output.mp4

该命令将subtitles.srt字幕文件嵌入到input.mp4视频中。

处理m3u8

m3u8是一种HLS（HTTP Live Streaming）协议格式，可以将视频文件切片并通过HTTP进行传输。以下是处理m3u8的一些常用命令：

将视频切片并生成m3u8播放列表

ffmpeg -i input.mp4 -codec: copy -start_number 0 -hls_time 10 -hls_list_size 0 -f hls output.m3u8

该命令将input.mp4文件切片成10秒一个片段，并生成一个output.m3u8播放列表。

从m3u8播放列表下载视频

ffmpeg -i http://example.com/path/to/playlist.m3u8 -c copy output.mp4

该命令从指定的m3u8播放列表下载视频并保存为output.mp4文件。

自定义HLS切片和分片大小

ffmpeg -i input.mp4 -c:v libx264 -c:a aac -strict -2 -crf 20 -g 48 -hls_time 6 -hls_playlist_type vod -hls_segment_filename 'segment_%03d.ts' output.m3u8

该命令将input.mp4文件切片成6秒一个片段，并自定义分片文件名为segment_001.ts，segment_002.ts等，同时生成一个output.m3u8播放列表。

旋转视频

将视频旋转一定角度，例如90度：

ffmpeg -i input.mp4 -vf "transpose=1" output.mp4

transpose参数的值解释：

• 0：顺时针旋转90度并垂直翻转
• 1：顺时针旋转90度
• 2：逆时针旋转90度并垂直翻转
• 3：逆时针旋转90度

调整音量

提高或降低音频的音量：

ffmpeg -i input.mp4 -af "volume=2.0" output.mp4

该命令将音量提高一倍。可以将2.0替换为其他值来调整音量。

改变视频帧率

改变视频的帧率，例如将视频帧率设置为30fps：

ffmpeg -i input.mp4 -r 30 output.mp4

该命令将视频的帧率更改为30帧每秒。

视频转GIF

将视频转换为GIF动画：

ffmpeg -i input.mp4 -vf "fps=10,scale=320:-1:flags=lanczos" output.gif

该命令将视频转换为10fps的GIF，并将宽度缩放为320像素（高度按比例调整）。

音频剪辑

剪辑音频文件的一部分：

ffmpeg -i input.mp3 -ss 00:00:30 -to 00:01:00 -c copy output.mp3

该命令将从第30秒开始到第1分钟结束的片段剪辑出来，并保存为新的MP3文件。

在现代 Web 开发中，一个强大且灵活的视频播放器是必不可少的。今天，我要推荐一款功能强大的 JavaScript 视频播放器库——ArtPlayer.js。

什么是 ArtPlayer.js？

ArtPlayer.js 是一款现代化的 JavaScript 视频播放器，旨在提供丰富的功能和良好的用户体验。它支持多种视频格式，并具有强大的插件系统和灵活的 UI 控制。

ArtPlayer.js 的特点

1. 丰富的插件系统

ArtPlayer.js 提供了强大的插件支持，开发者可以轻松扩展播放器的功能。例如，添加字幕插件、弹幕插件和广告插件等，增强播放器的灵活性和可定制性。

2. 多格式支持

ArtPlayer.js 支持 HLS（m3u8）、MP4、WebM 等多种视频格式，轻松应对各种直播和点播需求。

3. 强大的 UI 控制

ArtPlayer.js 提供了全面的 UI 控制按钮和菜单，包括播放/暂停、音量控制、播放速度调节和全屏切换等，用户界面美观且易于操作。

4. 高性能

ArtPlayer.js 经过优化，保证了高性能和流畅播放，适合播放高分辨率视频和进行复杂的 UI 操作。

5. 事件系统

ArtPlayer.js 拥有完整的事件系统，开发者可以监听和处理各种播放器事件，如视频加载完成、播放开始和播放结束等。

如何使用 ArtPlayer.js？

使用 ArtPlayer.js 非常简单。以下是一个基本的使用示例：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>ArtPlayer Example</title>
    <link rel="stylesheet" href="https://unpkg.com/artplayer/dist/artplayer.css">
</head>
<body>
    <div id="artplayer-app"></div>
    <script src="https://unpkg.com/artplayer/dist/artplayer.js"></script>
    <script>
        const art = new Artplayer({
            container: '#artplayer-app',
            url: 'https://path/to/your/video.m3u8',
            type: 'm3u8',
            autoSize: true,
            playbackRate: true,
            setting: true,
            loop: true,
            flip: true,
            aspectRatio: true,
            fullscreen: true,
            miniProgressBar: true,
            playsInline: true,
            autoPlayback: true,
            theme: '#23ade5',
            lang: navigator.language.toLowerCase(),
        });
    </script>
</body>
</html>

链接

• ArtPlayer.js 官网
• ArtPlayer.js GitHub 仓库

yarn config get registry

查看具体的信息

yarn config list

删除源

yarn config delete proxy

设置淘宝的最新镜像源，yarn和npm都要设置最新的淘宝镜像源，不然还是报错

npm config set registry https://registry.npmmirror.com

yarn config set registry https://registry.npmmirror.com

下载ADB工具

点击以下链接下载适用于你操作系统的ADB工具：

Google官方下载链接：

• Windows 版本
• MacOS 版本
• Linux 版本

第三方下载链接：

• 第三方下载页
  其实也是调用的谷歌下载地址，不过他应该会更新吧，因为我不会更新的！（懒）

安装和使用

安装步骤

1. 下载并解压缩文件。
2. 将解压后的文件夹移动到一个合适的位置，例如C盘根目录。

3. 将ADB工具添加到系统路径：

   Windows:

   setx PATH "%PATH%;C:\platform-tools"

   MacOS/Linux:

   export PATH=$PATH:/path/to/platform-tools

常用ADB命令

1. 查看设备：

   adb devices

2. 安装APK：

   adb install path/to/your_app.apk

3. 卸载应用：

   adb uninstall com.example.yourapp

4. 传输文件：

   adb push local_path remote_path
   adb pull remote_path local_path

5. 查看日志：

   adb logcat

// plugins/dialog.js
import Vue from 'vue';
import MyDialog from '@/components/MyDialog.vue';

const DialogConstructor = Vue.extend(MyDialog);

let instance;

const initInstance = () => {
  instance = new DialogConstructor({
    el: document.createElement('div'),
    data() {
      return {
        visible: false,
        message: '',
      };
    },
  });
  document.body.appendChild(instance.$el);
};

const showDialog = (options = {}) => {
  if (!instance) {
    initInstance();
  }
  instance.message = options.message || '';
  instance.visible = true;

  return new Promise((resolve, reject) => {
    instance.$on('confirm', () => {
      resolve();
    });
    instance.$on('close', () => {
      reject();
    });
  });
};

export default {
  install(Vue) {
    Vue.prototype.$dialog = showDialog;
  },
};

网上有三种方法

1. 可以使用subnvue webview子窗体
2. 使用 plus.nativeObj.View
3. 新建一个页面进行跳转，可以实现伪弹窗（其实是打开一个背景透明的页面）
   前两种工有点大，就选第三种吧。

先写一个dialog的vue页面方在components目录下

dialog.vue

<template>
    <view>
        <view class="diaglog-mask"></view>
        <view class="diaglog">
            <view class="diaglog-title">
                {{param.title}}
            </view>
            <view class="diaglog-content">
                <rich-text :nodes="param.content"></rich-text>
            </view>
            <view class="diaglog-btns">
                <view class="diaglog-btns-button" :style="{color:param.cancelColor}" @click="cancelClick">
                    {{param.cancelText}}
                </view>
                <view class="diaglog-btns-button" :style="{color:param.confirmColor}" @click="confirmClick">
                    {{param.confirmText}}
                </view>
            </view>
        </view>
    </view>
</template>
<script>
    export default {
        name: "diaglog",
        data(){
            return {
                param:{
                    title:'',
                    content:'',
                    cancelText:'取消',
                    cancelColor:'#333',
                    confirmText:'确定',
                    confirmColor:'#1ED58F',
                }
            }
        },
        onLoad(option) {
            // 将参数转换成json
            const data = JSON.parse(option.data)
            if(data){
                this.param = {...this.param,...data}
            }
        },
        methods: {
            cancelClick() {
                uni.$emit('$dialog', false)
                uni.navigateBack()
            },
            confirmClick() {
                uni.$emit('$dialog', true)
            }
        }
    }
</script>
<style lang="scss">
    page {
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0);
    }

    .diaglog-mask {
        position: fixed;
        z-index: 1000;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background-color: rgba(0, 0, 0, .23);
    }

    .diaglog {
        position: fixed;
        width: calc(100% - 80rpx);
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        background-color: #fff;
        padding-bottom: 0;
        box-sizing: border-box;
        z-index: 1001;
        border-radius: 20rpx;
        overflow: hidden;

        &-title {
            padding-top: 60rpx;
            padding-bottom: 30rpx;
            font-weight: bold;
            font-size: 32rpx;
            color: #333333;
            text-align: center;
        }

        &-content {
            font-weight: 500;
            font-size: 28rpx;
            color: #333333;
            line-height: 40rpx;
            padding: 0 40rpx;
            padding-bottom: 60rpx;
        }

        &-btns {
            display: flex;
            position: relative;

            &:before {
                position: absolute;
                content: '';
                width: calc(100% - 80rpx);
                left: 40rpx;
                height: 1rpx;
                background-color: #ECECEC;
            }

            &-button {
                flex: 1;
                text-align: center;
                height: 100rpx;
                line-height: 100rpx;
                font-weight: bold;
                font-size: 30rpx;
                color: #333333;

                &:first-child {
                    border-right: solid 1rpx #ECECEC;
                }

                &:active {
                    background-color: #f1f1f1;
                }
            }
        }
    }
</style>

在pages.json中加入页面

// 全局弹窗
{
    "path": "components/diaglog/diaglog",
    "style": {
        "navigationStyle": "custom",
        "app-plus": {
            "animationType": "fade-in", // 设置fade-in淡入动画，为最合理的动画类型
            "background": "transparent", // 背景透明
            "backgroundColor": "transparent", // 背景透明
            "webviewBGTransparent": true,
            "mask": "none",
            "popGesture": "none", // 关闭IOS屏幕左边滑动关闭当前页面的功能
            "bounce": "none" // 将回弹属性关掉
        }
    }
}

新建plugins目录，创建dialog.js

const install = Vue => {
    Vue.prototype.$dialog = (params) => {
        return new Promise((resolve, reject) => {
            // 防止当前页也是dialog
            if (getCurrentPages()[getCurrentPages().length - 1].route == 'components/diaglog/diaglog'){
                reject()
                return
            }
            // 跳转到dialog，并且传递title,content等参数
            uni.navigateTo({
                url: '/components/diaglog/diaglog?data=' + encodeURIComponent(JSON.stringify(
                    params))
            })
            // 注册一个回调
            uni.$once('$dialog', (state) => {
                if (state) {
                    resolve(() => {
                        uni.navigateBack()
                    })
                    return
                }
                reject()
            })
        })
    }
}
export default install;

在main.js中use插件

import dialogPlugin from '@/plugins/dialog';
Vue.use(dialogPlugin);

使用：

this.$dialog({
    title: '用户协议和隐私政策',
    content: '我们非常重视用户隐私政策并严格遵守相关的法律规定。请您仔细阅读<span style="color:#1ED58F">《隐私政策》</span>后再继续使用。如果您继续使用我们的服务，表示您已经充分阅读和理解我们协议的全部内容。并严格遵守相关的法律规定。请您仔细阅读并严格遵守相关的法律规定。请您仔细阅读。',
    cancelText: '不同意',
    confirmText: '同意',
}).then(()=>{
    // 确认后
}).catch(()=>{
    // 取消后
})

看效果

本地ip是192.168.1.0，openvpn异地组网ip是10.8.0.0，除了10.8.0.0的流量都走向192.168.1.0，实现外网和异地局域网共存。

走的弯路：

搭建好openvpn后，外网和异地组网都可以使用，但是网络很慢，但是查询ip的时候发现ip是服务器ip。。。那么就是所有的流量都走了openvpn了，这就是网速慢的问题。

调整服务端配置：

删除以下行

• push "redirect-gateway def1"
  增加以下行
• route-nopull #不对客户端做任何push路由操作
• push "route 10.8.0.0 255.255.255.0" #手动添加路由
• client-to-client #让客户端可以访问客户端

调整客户端配置：

删除以下行

• ignore-unknown-option block-outside-dns
• block-outside-dns
• redirect-gateway #存在该字段的行

到此完成，重启服务器连接测试。

为了在OpenVPN中为客户端分配固定IP地址，并避免出现“local and remote VPN endpoints must exist within the same 255.255.255.252 subnet”错误，需要确保每个客户端的IP地址在同一个255.255.255.252子网中。以下是详细的解决方法：

如何在OpenVPN中配置255.255.255.252子网

在使用OpenVPN搭建VPN时，正确配置子网是确保网络稳定性和避免IP地址冲突的关键。本文将详细介绍如何计算和配置255.255.255.252子网，以及在OpenVPN中如何应用这些配置。

什么是255.255.255.252子网？

255.255.255.252子网掩码也称为/30子网，它提供了一个非常小的子网，每个子网包含4个IP地址，其中2个是可用的IP地址。这种子网非常适合在OpenVPN中为客户端分配固定的IP地址，因为它提供了足够的地址空间，并确保了本地和远程VPN端点在同一个子网内。

如何计算255.255.255.252子网？

要计算一个255.255.255.252子网，可以按照以下步骤进行：

步骤1：确定子网掩码

255.255.255.252表示子网掩码，它指示每个子网包含4个IP地址。

步骤2：选择基础IP地址

选择一个基础IP地址作为您的子网起始点。例如，可以选择 10.8.0.0 作为起始地址。

步骤3：列出子网

从选择的基础IP地址开始，每4个IP地址为一个新的子网。以下是一些可能的子网示例：

• 10.8.0.0/30子网范围：10.8.0.0 - 10.8.0.3

  • 网络地址：10.8.0.0
  • 可用IP地址：10.8.0.1 和 10.8.0.2
  • 广播地址：10.8.0.3

• 10.8.0.4/30子网范围：10.8.0.4 - 10.8.0.7

  • 网络地址：10.8.0.4
  • 可用IP地址：10.8.0.5 和 10.8.0.6
  • 广播地址：10.8.0.7

依此类推，每个新的子网都增加4个IP地址。

OpenVPN分配固定IP：详细指南

为什么要分配固定IP？

分配固定IP有许多优点，包括：

1. 精确的访问控制：您可以根据固定IP配置防火墙规则。
2. 稳定的网络环境：某些服务可能依赖于固定的IP地址。
3. 简化管理：易于追踪和管理客户端设备。

配置步骤

1. 配置OpenVPN服务器

首先，确保您的OpenVPN服务器已正确安装并运行。以下是一个基本的服务器配置文件示例：

port 1194
proto udp
dev tun
ca ca.crt
cert server.crt
key server.key
dh dh.pem
server 10.8.0.0 255.255.255.0
ifconfig-pool-persist ipp.txt
;# 添加下面这行
client-config-dir /etc/openvpn/ccd
route 10.8.0.0 255.255.255.0
keepalive 10 120
tls-auth ta.key 0
cipher AES-256-CBC
persist-key
persist-tun
status openvpn-status.log
log-append /var/log/openvpn.log
verb 3

2. 创建客户端配置目录

在服务器上创建一个目录，用于存放每个客户端的配置文件：

sudo mkdir -p /etc/openvpn/ccd

3. 配置客户端文件

为每个客户端创建一个配置文件，文件名必须与客户端的通用名称（Common Name, CN）相匹配。在/etc/openvpn/ccd目录下创建文件。例如，如果客户端的CN是client1，则创建文件/etc/openvpn/ccd/client1，并在其中指定固定的IP地址：

echo "ifconfig-push 10.8.0.10 225.225.225.0" > /etc/openvpn/ccd/client1

在此示例中，10.8.0.10是客户端的固定IP地址

重点：255.255.255.252子网掩码允许每个子网中有4个IP地址，其中2个是可用的IP地址，1个是网络地址，1个是广播地址。
例如：

• 10.8.0.0/30子网范围：10.8.0.0 - 10.8.0.3
• 可用IP对：10.8.0.1和10.8.0.2
• 10.8.0.4/30子网范围：10.8.0.4 - 10.8.0.7
• 可用IP对：10.8.0.5和10.8.0.6
  确保您为每个客户端分配的IP地址对位于同一个子网范围内。

具体请看详细介绍：如何在OpenVPN中配置255.255.255.252子网

4. 修改服务器配置以启用客户端配置目录

确保服务器配置文件中包含以下行，以启用客户端配置目录：

client-config-dir /etc/openvpn/ccd

服务端不可存在以下行

# 删掉
route-nopull

5. 配置客户端

客户端配置文件应与服务器匹配。以下是一个客户端配置文件示例：

client
dev tun
proto udp
remote your-server-ip 1194
resolv-retry infinite
nobind
persist-key
persist-tun
ca ca.crt
cert client1.crt
key client1.key
tls-auth ta.key 1
cipher AES-256-CBC
verb 3

6. 重启OpenVPN服务

完成以上配置后，重启OpenVPN服务以应用更改：

在Linux上

# Ubuntu < 20.04
sudo systemctl restart openvpn@server
# Ubuntu >= 20.04
sudo systemctl restart openvpn-server@server.service 

在Windows上

在命令提示符（管理员权限）中：

net stop openvpnservice
net start openvpnservice

验证配置

重启OpenVPN服务后，连接客户端并验证是否获得了正确的固定IP地址。您可以在客户端上运行以下命令来检查IP地址：

ifconfig

或者：

ip addr

大学，是每个人生命中至关重要的一段旅程。它不仅是学术知识的殿堂，更是个人成长和社会交往的重要阶段。然而，在信息爆炸的时代，各种网络平台和社区如雨后春笋般涌现，给大学生活带来了便利的同时，也暗藏诸多陷阱。CDSN（China Digital Space Network）作为其中一个热门的在线社区，吸引了大量大学生的目光。然而，许多学生在追寻知识和交流的过程中，往往不知不觉地陷入了CDSN的陷阱。更有甚者，一些不法分子在CDSN上盗用他人代码，编写成所谓的“精品教程”并高价出售给大学生，严重扰乱了学术环境，误导了无数青少年。

本篇博客将揭示CDSN如何误导大学生，包括如何盗用他人代码并收费出售，影响他们的学业和生活，并提供一些避免陷入其中的方法，帮助大家更好地把握大学时光，实现自我价值。

CDSN的诱惑与陷阱

CDSN作为一个技术资源丰富、活跃度高的社区，吸引了大量学生前来学习和交流。然而，这里隐藏着许多看似诱人实则危险的陷阱。

1. 虚假的学习资源

在CDSN上，有许多标榜为高质量学习资源的帖子和教程，吸引了众多学生。然而，许多内容并非原创或者来源不明，其中不乏抄袭、盗版的情况。一些不法分子甚至将他人的劳动成果盗用、修改后高价出售，这种行为不仅侵犯了知识产权，也误导了不少急于求成的学生。

2. 社交与虚荣的陷阱

CDSN的社区活跃度很高，许多学生乐于在这里发表观点、分享经验，获取“赞”和积分。然而，这种虚拟的社交和赞誉很容易使人沉迷其中，而忽视真正的学习和成长。对于那些追求虚荣心满足感的学生来说，CDSN可能成为一个危险的陷阱，使他们远离实际的学术深度和个人成长。

3. 技术和思维的依赖

在CDSN上，技术大神们的帖子和解决方案常常令人赞叹，吸引了众多技术爱好者和学生。然而，盲目依赖他人的技术解决方案而不思考和实践，可能导致学生对于自主学习和独立思考的能力缺乏，这在长远来看对他们的职业发展有着负面影响。

如何避免CDSN的陷阱？

面对CDSN带来的诱惑和陷阱，学生们有必要保持清醒头脑和批判性思维：

• 辨别真伪：学习资源要选择来源可靠、内容正版的资料，避免依赖盗版和抄袭内容。

• 制定学习计划：合理安排时间，明确学习目标和步骤，不被无谓的社交和虚荣心所干扰。

• 培养独立思考：学会分析问题、解决问题的能力，不轻易依赖他人的解决方案。

• 学术诚信：坚持诚信学习，拒绝任何形式的抄袭和盗版行为，保护自己的学术声誉和未来职业发展。

真实案例的警示

不久前，就有一些报道显示，某些不法分子在CDSN上盗用他人代码和学术文章，并将其销售给急于完成作业和项目的大学生。这种行为不仅损害了原作者的权益，也为购买者带来了道德和法律风险。因此，学生们在使用任何在线资源时，务必审慎选择，避免陷入这些不法分子设下的陷阱。

结语

大学生活是一个关键的学习和成长阶段，我们需要足够的智慧和警觉，以应对网络平台带来的各种挑战和诱惑。CDSN作为一个资源丰富的社区，为学生提供了学习和交流的便利，但也需要学生们保持警惕，不被其表面光鲜的外表所迷惑。只有在保持独立思考和诚信原则的同时，才能真正把握好大学时光，为自己的未来奠定坚实的基础。

希望本文能够引起广大学生的思考和警醒，避免受到CDSN可能带来的负面影响，真正实现自我价值和成长。

顾名思义，前瞻就是往前看一下，后瞻就是往后看一下（废话文学）

正则表达式（Regular Expressions，简称regex）是一种用于字符串匹配和操作的强大工具。在正则表达式中，前瞻（lookahead）和后瞻（lookbehind）是两种高级特性，它们用于匹配在某个位置前后特定的条件，而不包括这些条件本身在结果中。

前瞻（Lookahead）

前瞻用于检查在当前位置之后是否存在某个模式，但不消耗字符。前瞻分为肯定前瞻和否定前瞻。

肯定前瞻又叫正向前瞻（Positive Lookahead）

语法：(?=pattern)

肯定前瞻在当前位置之后匹配pattern，但不包括pattern本身在结果中。例如：

• 正则表达式：\d(?=abc)
• 目标字符串：1abc2abc3abc
• 结果：匹配到的结果是1, 2, 3

肯定前瞻示例

let text = "1abc2abc3abc";
let pattern = /\d(?=abc)/g;

let matches = text.match(pattern);
console.log(matches); // 输出: [ '1', '2', '3' ]

解释：\d匹配一个数字，(?=abc)确保数字后面紧跟abc，但不包括abc在结果中。

否定前瞻又叫负向前瞻（Negative Lookahead）

语法：(?!pattern)

否定前瞻在当前位置之后不应匹配pattern。例如：

• 正则表达式：\d(?!abc)
• 目标字符串：1xyz2abc3def
• 结果：匹配到的结果是1, 3

否定前瞻示例

let text = "1xyz2abc3def";
let pattern = /\d(?!abc)/g;

let matches = text.match(pattern);
console.log(matches); // 输出: [ '1', '3' ]

解释：\d匹配一个数字，(?!abc)确保数字后面不紧跟abc。

后瞻（Lookbehind）

后瞻用于检查在当前位置之前是否存在某个模式，但不消耗字符。后瞻分为肯定后瞻和否定后瞻。

肯定后瞻又叫正向后瞻（Positive Lookbehind）

语法：(?<=pattern)

肯定后瞻在当前位置之前匹配pattern，但不包括pattern本身在结果中。例如：

• 正则表达式：(?<=abc)\d
• 目标字符串：abc1def2abc3
• 结果：匹配到的结果是1, 3

肯定后瞻示例

let text = "abc1def2abc3";
let pattern = /(?<=abc)\d/g;

let matches = text.match(pattern);
console.log(matches); // 输出: [ '1', '3' ]

解释：\d匹配一个数字，(?<=abc)确保数字前面紧跟abc，但不包括abc在结果中。

否定后瞻又叫负向后瞻（Negative Lookbehind）

语法：(?<!pattern)

否定后瞻在当前位置之前不应匹配pattern。例如：

• 正则表达式：(?<!abc)\d
• 目标字符串：xyz1abc2def3
• 结果：匹配到的结果是1, 3

否定后瞻示例

let text = "xyz1abc2def3";
let pattern = /(?<!abc)\d/g;
let matches = text.match(pattern);
console.log(matches); // 输出: [ '1', '3' ]

解释：\d匹配一个数字，(?<!abc)确保数字前面不紧跟abc。

综合示例

假设有一个字符串列表，我们希望匹配所有以美元符号开头的数字，但这些数字后面必须紧跟一个非数字字符：

let text = "The prices are $30, $50, and $70each.";
let pattern = /\$\d+(?=\D)/g;

let matches = text.match(pattern);
console.log(matches); // 输出: [ '$30', '$50' ]

解释：\$匹配美元符号，\d+匹配一个或多个数字，(?=\D)确保这些数字后面紧跟一个非数字字符，但不包括这个非数字字符在结果中。

经典应用

好的，这里提供一些经典的示例，展示如何在JavaScript中使用正则表达式的前瞻和后瞻来解决实际问题。

1. 匹配以特定后缀结尾的单词

假设你需要匹配所有以"ing"结尾的单词，但不包括"ing"在结果中：

let text = "I am running and jumping, not walking or singing.";
let pattern = /\b\w+(?=ing\b)/g;

let matches = text.match(pattern);
console.log(matches); // 输出: [ 'runn', 'jump', 'walk', 'sing' ]

解释：\b\w+匹配一个单词，(?=ing\b)确保单词后面是"ing"，但不包括"ing"在结果中。

2. 提取所有以特定前缀开头的单词

假设你需要提取所有以"pre"开头的单词，但不包括"pre"在结果中：

let text = "This is a prerequisite and a preview of the presentation.";
let pattern = /(?<=\bpre)\w+\b/g;

let matches = text.match(pattern);
console.log(matches); // 输出: [ 'requisite', 'view', 'sentation' ]

解释：(?<=\bpre)确保单词前面是"pre"，\w+\b匹配单词的其余部分。

3. 查找不在引号中的单词

假设你需要查找不在引号（单引号或双引号）中的单词：

let text = `He said "Hello" and then he said 'Goodbye'.`;
let pattern = /\b\w+\b(?![^'"]*['"])/g;

let matches = text.match(pattern);
console.log(matches); // 输出: [ 'He', 'said', 'and', 'then', 'he', 'said' ]

解释：\b\w+\b匹配一个单词，(?![^'"]*['"])确保单词后面不跟随任意数量的非引号字符然后是引号。

4. 提取所有数字并忽略负数

假设你需要提取所有数字，但忽略负数：

let text = "The temperatures are -5, 10, 15, and -20 degrees.";
let pattern = /(?<!-)\b\d+\b/g;

let matches = text.match(pattern);
console.log(matches); // 输出: [ '10', '15' ]

解释：(?<!-)确保数字前面没有负号，\b\d+\b匹配数字。

5. 提取邮件地址的用户名部分

假设你需要提取邮件地址的用户名部分（"@"之前的部分）：

let text = "Contact us at support@example.com or sales@company.com.";
let pattern = /\b[A-Za-z0-9._%+-]+(?=@)/g;

let matches = text.match(pattern);
console.log(matches); // 输出: [ 'support', 'sales' ]

解释：[A-Za-z0-9._%+-]+匹配邮件地址的用户名部分，(?=@)确保其后跟随"@"，但不包括"@"在结果中。

这些示例展示了如何使用前瞻和后瞻来解决实际问题，帮助你更灵活地处理字符串匹配任务。希望这些示例对你有帮助！如果你有其他特定需求或问题，请随时告诉我。

总结

前瞻和后瞻在正则表达式中提供了灵活的匹配能力，可以用于复杂的模式匹配需求。理解它们的语法和应用场景，将有助于更高效地处理字符串匹配问题。

先说需求

需求是params是动态添加的，当有字段添加进去后，生成input

form表单数组

form:{
    name:'name', //名称
    params:{
        // tel:'',
        // sex:''
    } //参数
}

rules验证规则

rules:{
    name:{
        required: true,
        message: `名称不能为空`,
        trigger: "blur",
    },
    params:{
        // 类似与下面这样
        // tel:{
        //  required: true,
        //  message: `tel不能为空`,
        //  trigger: "blur",
        // },
        // sex:{
        //  required: true,
        //  message: `sex不能为空`,
        //  trigger: "blur",
        // }
    }
}

重点：
rules结构必须与form一致，要做二级rules则也需要有params属性存在

html

需求是params是动态添加的，当有字段添加进去后，生成input

<el-form :rules="rules" :model="form" ref="form">
    <el-form-item :prop="'params.'+index" :label="'参数：'+index" v-for="(item,index) in form.params" :key="index">
        <el-input type="text" v-model="form.params[index]"></el-input>
    </el-form-item>
</el-form>

重点：
el-form-item的prop属性必须是form中的数组或者对象的key+.+子key

js

// 表单验证
this.$refs["form"].validate((valid) => {
    if (valid) {
        // 验证成功
    }
}

用此方法，不管是数组或者对象都可以做验证

对象方式完整代码：

<template>
  <div style="padding: 20px; width: 500px">
    <el-row>
      <el-input type="text" v-model="addtext"></el-input>
      <el-button type="primary" @click="add">加一行</el-button>
    </el-row>
    <el-form :rules="rules" :model="form" ref="form">
      <el-form-item prop="name" label="名称">
        <el-input type="text" v-model="form.name"></el-input>
      </el-form-item>
      <el-form-item
        :prop="'params.' + index"
        :label="'参数：' + index"
        v-for="(item, index) in form.params"
        :key="index"
      >
        <el-input type="text" v-model="form.params[index]"></el-input>
      </el-form-item>
      <el-form-item>
        <el-button type="primary" @click="onSubmit">提交</el-button>
      </el-form-item>
    </el-form>
  </div>
</template>

<script>
export default {
  data() {
    return {
      addtext: "",
      form: {
        name: "name", //名称
        params: {}, //参数
      },
      rules: {
        name: {
          required: true,
          message: `名称不能为空`,
          trigger: "blur",
        },
        params: {},
      },
    };
  },
  methods: {
    add() {
      if (!this.addtext) return;
      // 必须用set方法
      this.$set(this.form.params, this.addtext, "");
      // 加入rules
      this.$set(this.rules.params, this.addtext, [
        {
          required: true,
          message: `${this.addtext}不能为空`,
          trigger: "blur",
        },
      ]);
      this.addtext = ''
    },
    onSubmit() {
      this.$refs["form"].validate((valid) => {
        console.log(valid);
      });
    },
  },
};
</script>

<style lang="scss" scoped>
</style>

数组也是一个效果，不过是对象的key边成了数字

数组方式完整代码：

<template>
  <div style="padding: 20px; width: 500px">
    <el-row>
      <el-button type="primary" @click="add">加一行</el-button>
    </el-row>
    <el-form :rules="rules" :model="form" ref="form">
      <el-form-item prop="name" label="名称">
        <el-input type="text" v-model="form.name"></el-input>
      </el-form-item>
      <el-form-item
        :prop="'params.' + index"
        :label="'参数：' + index"
        v-for="(item, index) in form.params"
        :key="index"
      >
        <el-input type="text" v-model="form.params[index]"></el-input>
      </el-form-item>
      <el-form-item>
        <el-button type="primary" @click="onSubmit">提交</el-button>
      </el-form-item>
    </el-form>
  </div>
</template>

<script>
export default {
  data() {
    return {
      addtext: "",
      form: {
        name: "name", //名称
        params: [], //参数
      },
      rules: {
        name: {
          required: true,
          message: `名称不能为空`,
          trigger: "blur",
        },
        params: [],
      },
    };
  },
  methods: {
    add() {
      // 加入rules
      this.$set(this.rules.params, this.form.params.length, [
        {
          required: true,
          message: `${this.form.params.length}不能为空`,
          trigger: "blur",
        },
      ]);
      // 必须用set方法
      this.$set(this.form.params, this.form.params.length, "");
      this.addtext = ''
    },
    onSubmit() {
      this.$refs["form"].validate((valid) => {
        console.log(valid);
      });
    },
  },
};
</script>

<style lang="scss" scoped>
</style>

• 一、cUrl详解
• 二、cURL类库
• 三、类库使用示例

一、cUrl详解

PHP 中使用 cURL 的更详细说明，包括各种高级用法、错误处理、文件上传、认证、以及更多的示例。

1. 初始化 cURL 会话

curl_init() 用于初始化一个新的 cURL 会话并返回一个 cURL 句柄：

$ch = curl_init();

2. 设置 cURL 选项

使用 curl_setopt() 来设置不同的选项。以下是一些常用选项及其解释：

• CURLOPT_URL: 设置请求的 URL。

  curl_setopt($ch, CURLOPT_URL, "https://example.com");

• CURLOPT_RETURNTRANSFER: 返回响应内容，而不是直接输出。

  curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);

• CURLOPT_POST: 发送 POST 请求。

  curl_setopt($ch, CURLOPT_POST, true);

• CURLOPT_POSTFIELDS: 发送的 POST 数据。

  curl_setopt($ch, CURLOPT_POSTFIELDS, http_build_query(array('key1' => 'value1', 'key2' => 'value2')));

• CURLOPT_HTTPHEADER: 设置自定义请求头。

  curl_setopt($ch, CURLOPT_HTTPHEADER, array('Content-Type: application/json', 'Authorization: Bearer your-token-here'));

• CURLOPT_USERAGENT: 设置用户代理字符串。

  curl_setopt($ch, CURLOPT_USERAGENT, "Mozilla/5.0 (compatible; PHP cURL)");

• CURLOPT_TIMEOUT: 设置请求的超时时间（秒）。

  curl_setopt($ch, CURLOPT_TIMEOUT, 30);

• CURLOPT_FOLLOWLOCATION: 是否跟随重定向。

  curl_setopt($ch, CURLOPT_FOLLOWLOCATION, true);

3. 执行 cURL 会话并获取响应

使用 curl_exec() 执行会话并获取响应内容：

$response = curl_exec($ch);

4. 错误处理

使用 curl_errno() 和 curl_error() 检查和获取错误信息：

if ($response === false) {
    echo 'Curl error: ' . curl_error($ch);
}

5. 关闭 cURL 会话

完成后，使用 curl_close() 关闭 cURL 会话：

curl_close($ch);

GET 请求示例

这是一个完整的 GET 请求并处理响应和错误：

$ch = curl_init();
curl_setopt($ch, CURLOPT_URL, "https://example.com");
curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);

$response = curl_exec($ch);

if ($response === false) {
    echo 'Curl error: ' . curl_error($ch);
} else {
    echo 'Response: ' . $response;
}

curl_close($ch);

POST 请求示例

这是一个完整的 POST 请求示例，包括发送数据和处理响应：

$ch = curl_init();
curl_setopt($ch, CURLOPT_URL, "https://example.com/api");
curl_setopt($ch, CURLOPT_POST, true);
curl_setopt($ch, CURLOPT_POSTFIELDS, http_build_query(array('key1' => 'value1', 'key2' => 'value2')));
curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);

$response = curl_exec($ch);

if ($response === false) {
    echo 'Curl error: ' . curl_error($ch);
} else {
    echo 'Response: ' . $response;
}

curl_close($ch);

文件上传示例

以下是如何通过 cURL 上传文件的示例：

$ch = curl_init();
curl_setopt($ch, CURLOPT_URL, "https://example.com/upload");
curl_setopt($ch, CURLOPT_POST, true);

$file = new CURLFile('/path/to/your/file.jpg', 'image/jpeg', 'file.jpg');
$data = array('file' => $file);

curl_setopt($ch, CURLOPT_POSTFIELDS, $data);
curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);

$response = curl_exec($ch);

if ($response === false) {
    echo 'Curl error: ' . curl_error($ch);
} else {
    echo 'Response: ' . $response;
}

curl_close($ch);

设置请求头

你可以使用 CURLOPT_HTTPHEADER 来设置自定义请求头：

$headers = array(
    'Content-Type: application/json',
    'Authorization: Bearer your-token-here'
);
curl_setopt($ch, CURLOPT_HTTPHEADER, $headers);

GET 请求带参数示例

使用查询字符串发送 GET 请求参数：

$params = array(
    'param1' => 'value1',
    'param2' => 'value2'
);
$url = "https://example.com?" . http_build_query($params);

$ch = curl_init();
curl_setopt($ch, CURLOPT_URL, $url);
curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);

$response = curl_exec($ch);

if ($response === false) {
    echo 'Curl error: ' . curl_error($ch);
} else {
    echo 'Response: ' . $response;
}

curl_close($ch);

处理响应

获取 HTTP 状态码和响应头：

// 获取 HTTP 状态码
$http_code = curl_getinfo($ch, CURLINFO_HTTP_CODE);

// 获取所有响应头
curl_setopt($ch, CURLOPT_HEADER, true);
curl_setopt($ch, CURLOPT_NOBODY, true);
$headers = curl_exec($ch);

// 关闭会话
curl_close($ch);

// 输出状态码和响应头
echo "HTTP Code: $http_code\n";
echo "Headers: $headers";

带有认证的请求

Basic Auth

curl_setopt($ch, CURLOPT_USERPWD, "username:password");

Bearer Token

curl_setopt($ch, CURLOPT_HTTPHEADER, array('Authorization: Bearer your-token-here'));

高级示例：完整的错误处理

$ch = curl_init();
curl_setopt($ch, CURLOPT_URL, "https://example.com");
curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);

$response = curl_exec($ch);

if ($response === false) {
    $error_msg = curl_error($ch);
    echo 'Curl error: ' . $error_msg;
} else {
    $http_code = curl_getinfo($ch, CURLINFO_HTTP_CODE);
    if ($http_code == 200) {
        echo 'Response: ' . $response;
    } else {
        echo "HTTP Error: $http_code\n";
    }
}

curl_close($ch);

设置代理

如果需要通过代理发送请求：

curl_setopt($ch, CURLOPT_PROXY, 'http://proxyserver:port');
curl_setopt($ch, CURLOPT_PROXYUSERPWD, 'username:password');

设置 SSL 选项

如果需要处理 SSL/TLS 证书：

// 不验证证书
curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, false);

// 设置 CA 证书路径
curl_setopt($ch, CURLOPT_CAINFO, '/path/to/cacert.pem');

带有 Cookies 的请求

如果需要在请求中包含 Cookies：

curl_setopt($ch, CURLOPT_COOKIE, "name1=value1; name2=value2");

二、完整类库

当然，以下是添加了详细注释的 PHP cURL 类库，包括对 cURL 选项的注释：

<?php

class CurlRequest
{
    private $ch;        // cURL 句柄
    private $response;  // cURL 响应内容
    private $error;     // cURL 错误信息
    private $httpCode;  // HTTP 状态码
    private $headers;   // 请求头数组

    /**
     * 构造函数，初始化 cURL 会话和请求头数组
     */
    public function __construct()
    {
        $this->ch = curl_init();
        $this->headers = [];
    }

    /**
     * 设置 cURL 选项
     *
     * @param array $options cURL 选项数组
     */
    private function setOptions(array $options)
    {
        curl_setopt_array($this->ch, $options);
    }

    /**
     * 设置自定义请求头
     *
     * @param array $headers 请求头数组
     * @return $this 当前实例
     */
    public function setHeaders(array $headers)
    {
        $this->headers = $headers;
        return $this;
    }

    /**
     * 发送 GET 请求
     *
     * @param string $url 请求的 URL
     * @return $this 当前实例
     */
    public function get($url)
    {
        $options = [
            CURLOPT_URL => $url,                     // 请求的 URL
            CURLOPT_RETURNTRANSFER => true,          // 将响应结果返回为字符串，而不是直接输出
            CURLOPT_HTTPHEADER => $this->headers,    // 自定义请求头
            CURLOPT_FOLLOWLOCATION => true,          // 启用时会将服务器返回的 "Location: " 放在 header 中递归的返回给服务器
        ];
        $this->setOptions($options);

        $this->execute();
        return $this;
    }

    /**
     * 发送 POST 请求
     *
     * @param string $url 请求的 URL
     * @param array $data 发送的 POST 数据
     * @param bool $json 是否以 JSON 格式发送数据
     * @return $this 当前实例
     */
    public function post($url, $data = [], $json = false)
    {
        $options = [
            CURLOPT_URL => $url,                     // 请求的 URL
            CURLOPT_POST => true,                   // 启用 POST 请求
            CURLOPT_RETURNTRANSFER => true,         // 将响应结果返回为字符串，而不是直接输出
            CURLOPT_HTTPHEADER => $this->headers,   // 自定义请求头
            CURLOPT_FOLLOWLOCATION => true,         // 启用时会将服务器返回的 "Location: " 放在 header 中递归的返回给服务器
        ];

        if ($json) {
            $options[CURLOPT_POSTFIELDS] = json_encode($data); // 发送 JSON 数据
            $this->headers[] = 'Content-Type: application/json'; // 设置请求头为 JSON
        } else {
            $options[CURLOPT_POSTFIELDS] = http_build_query($data); // 发送表单数据
        }

        $this->setOptions($options);
        $this->execute();
        return $this;
    }

    /**
     * 上传文件
     *
     * @param string $url 请求的 URL
     * @param string $filePath 上传文件的路径
     * @param string|null $fileName 上传文件的名称
     * @param string $fieldName 表单字段名称
     * @return $this 当前实例
     * @throws Exception 如果文件不存在
     */
    public function upload($url, $filePath, $fileName = null, $fieldName = 'file')
    {
        if (!file_exists($filePath)) {
            throw new Exception('File does not exist: ' . $filePath);
        }

        $file = new CURLFile($filePath);
        if ($fileName) {
            $file->setPostFilename($fileName);
        }

        $data = [$fieldName => $file];
        $options = [
            CURLOPT_URL => $url,                     // 请求的 URL
            CURLOPT_POST => true,                   // 启用 POST 请求
            CURLOPT_POSTFIELDS => $data,            // 发送的文件数据
            CURLOPT_RETURNTRANSFER => true,         // 将响应结果返回为字符串，而不是直接输出
            CURLOPT_HTTPHEADER => $this->headers,   // 自定义请求头
            CURLOPT_FOLLOWLOCATION => true,         // 启用时会将服务器返回的 "Location: " 放在 header 中递归的返回给服务器
        ];

        $this->setOptions($options);
        $this->execute();
        return $this;
    }

    /**
     * 设置代理
     *
     * @param string $proxy 代理地址
     * @param string|null $proxyUserPwd 代理的用户名和密码
     * @return $this 当前实例
     */
    public function setProxy($proxy, $proxyUserPwd = null)
    {
        $options = [
            CURLOPT_PROXY => $proxy,    // 设置代理服务器地址
        ];

        if ($proxyUserPwd) {
            $options[CURLOPT_PROXYUSERPWD] = $proxyUserPwd; // 设置代理的用户名和密码
        }

        $this->setOptions($options);
        return $this;
    }

    /**
     * 设置 SSL 选项
     *
     * @param bool $verifyPeer 是否验证对等证书
     * @param int $verifyHost 是否验证主机名
     * @return $this 当前实例
     */
    public function setSSL($verifyPeer = true, $verifyHost = 2)
    {
        $options = [
            CURLOPT_SSL_VERIFYPEER => $verifyPeer,   // 是否验证对等证书
            CURLOPT_SSL_VERIFYHOST => $verifyHost,   // 是否验证主机名
        ];
        $this->setOptions($options);
        return $this;
    }

    /**
     * 执行 cURL 请求
     */
    private function execute()
    {
        $this->response = curl_exec($this->ch);     // 执行 cURL 请求并获取响应
        $this->error = curl_error($this->ch);       // 获取 cURL 错误信息
        $this->httpCode = curl_getinfo($this->ch, CURLINFO_HTTP_CODE); // 获取 HTTP 状态码
    }

    /**
     * 获取响应内容
     *
     * @return string|null 响应内容
     */
    public function getResponse()
    {
        return $this->response;
    }

    /**
     * 获取错误信息
     *
     * @return string|null 错误信息
     */
    public function getError()
    {
        return $this->error;
    }

    /**
     * 获取 HTTP 状态码
     *
     * @return int HTTP 状态码
     */
    public function getHttpCode()
    {
        return $this->httpCode;
    }

    /**
     * 关闭 cURL 会话
     */
    public function close()
    {
        curl_close($this->ch);
    }
}

三、类库使用示例

类库说明

这个类库封装了更复杂的 cURL 操作，提供了以下方法：

• setHeaders(array $headers): 设置自定义请求头。
• get($url): 发送 GET 请求。
• post($url, $data = [], $json = false): 发送 POST 请求。支持发送 JSON 数据。
• upload($url, $filePath, $fileName = null, $fieldName = 'file'): 上传文件。
• setProxy($proxy, $proxyUserPwd = null): 设置代理。
• setSSL($verifyPeer = true, $verifyHost = 2): 设置 SSL 选项。
• getResponse(): 获取响应内容。
• getError(): 获取错误信息。
• getHttpCode(): 获取 HTTP 状态码。
• close(): 关闭 cURL 会话。

使用示例

GET 请求示例

$curl = new CurlRequest();
$response = $curl->setHeaders(['Accept: application/json'])
                 ->get("https://jsonplaceholder.typicode.com/posts/1")
                 ->getResponse();
if ($curl->getError()) {
    echo "GET Error: " . $curl->getError();
} else {
    echo "GET Response: " . $response;
}
$curl->close();

POST 请求示例

$curl = new CurlRequest();
$postData = ['title' => 'foo', 'body' => 'bar', 'userId' => 1];
$response = $curl->setHeaders(['Content-Type: application/json'])
                 ->post("https://jsonplaceholder.typicode.com/posts", $postData, true)
                 ->getResponse();
if ($curl->getError()) {
    echo "POST Error: " . $curl->getError();
} else {
    echo "POST Response: " . $response;
}
$curl->close();

文件上传示例

$curl = new CurlRequest();
$response = $curl->upload("https://example.com/upload", "/path/to/your/file.jpg", "uploaded_file.jpg")
                 ->getResponse();
if ($curl->getError()) {
    echo "Upload Error: " . $curl->getError();
} else {
    echo "Upload Response: " . $response;
}
$curl->close();

设置代理示例

$curl = new CurlRequest();
$response = $curl->setProxy('http://proxyserver:port', 'username:password')
                 ->get("https://example.com")
                 ->getResponse();
if ($curl->getError()) {
    echo "Proxy Error: " . $curl->getError();
} else {
    echo "Proxy Response: " . $response;
}
$curl->close();

设置 SSL 选项示例

$curl = new CurlRequest();
$response = $curl->setSSL(false)
                 ->get("https://self-signed.badssl.com/")
                 ->getResponse();
if ($curl->getError()) {
    echo "SSL Error: " . $curl->getError();
} else {
    echo "SSL Response: " . $response;
}
$curl->close();

拿上直接用吧宝子

一、直接使用ffmpeg转mp4 缺点：慢

命令：

ffmpeg -y -allowed_extensions ALL -protocol_whitelist "file,crypto,http,https,tcp" -i "https://xxx/xxx.m3u8" -c copy "./output.mp4"

• -y 如果遇到文件覆盖或者其他需要确认的地方会自动帮你确认
• -allowed_extensions ALL 允许所有文件扩展名
• -protocol_whitelist "file,crypto,http,https,tcp" 允许你指定哪些协议可以被用于输入或输出操作
  file - 本地文件系统
  crypto - 加密协议
  http - 超文本传输协议
  https - 安全超文本传输协议
  tcp - 传输控制协议
  udp - 用户数据报协议
  rtsp - 实时流协议
  rtmp - 实时消息传输协议
  srt - 安全可靠传输协议
• -i "https://xxx/xxx.m3u8" m3u8地址，即输入来源地址
• -c copy 对编码不做任何修改，直接复刻过来
• "./output.mp4" 本地保存路径

二、自己下载m3u8的TS切片，然后本地转换

下载m3u8的切片就不详说了，主要原理就是打开.m3u8文件，解析ts和key的路径，保存在本地目录中。
注意：保存本地的时候，修改m3u8中的key和ts的路径！！！
使用本地转换命令：

ffmpeg -y -allowed_extensions ALL -protocol_whitelist "file,crypto" -i "/root/index.m3u8" -c copy "/root/index.mp4"

-protocol_whitelist 就只需要设置file和crypto，本地目录不需要http和tcp

ThreadPool

new ThreadPool(name ,concurrency, progressCallback);

• name 线程池名称，可随意设置
• 同时执行的任务数
• 任务进度回调
• progressCallback 接受两个参数completed 已完成任务 total 任务数

enqueue

装载任务
示例：

for (let i = 0; i < 5; i++) {
    pool.enqueue(sampleTask, 3); // 每个任务最多重试 3 次
}

waitForAll

等待任务完成
示例：

await pool.waitForAll();

完整示例：

// 使用示例:
const pool = new ThreadPool(2, (completed, total) => {
    console.log(`进度: ${completed}/${total}`);
});

async function sampleTask() {
    // 模拟一个偶尔失败的任务
    if (Math.random() < 0.5) throw new Error('任务失败');
    console.log('任务成功完成');
}

(async () => {
    for (let i = 0; i < 5; i++) {
        pool.enqueue(sampleTask, 3); // 每个任务最多重试 3 次
    }
    await pool.waitForAll();
    console.log('所有任务完成');
})();

看代码：

class ThreadPool {
    constructor(concurrency, progressCallback) {
        this.concurrency = concurrency;
        this.running = 0;
        this.queue = [];
        this.completedTasks = 0;
        this.totalTasks = 0;
        this.progressCallback = progressCallback || (() => { });
        this.resolveDone = null;
        this.donePromise = new Promise(resolve => this.resolveDone = resolve);
    }

    async runTask(task, retries) {
        this.running++;
        let attempt = 0;
        while (attempt <= retries) {
            try {
                await task();
                break; // 任务成功，退出循环
            } catch (error) {
                attempt++;
                if (attempt > retries) {
                    console.error('任务在最大重试次数后仍然失败:', error);
                } else {
                    console.warn(`任务失败，正在重试... (第 ${attempt}/${retries} 次)`);
                }
            }
        }
        this.running--;
        this.completedTasks++;
        this.progressCallback(this.completedTasks, this.totalTasks);
        this.fillQueue();
    }

    fillQueue() {
        while (this.running < this.concurrency && this.queue.length > 0) {
            const { task, retries } = this.queue.shift();
            this.runTask(task, retries);
        }
        if (this.running === 0 && this.queue.length === 0) {
            this.resolveDone();
        }
    }

    async enqueue(task, retries = 0) {
        if (typeof task !== 'function' || task.constructor.name !== 'AsyncFunction') {
            throw new Error('任务必须是一个异步函数');
        }

        this.totalTasks++;
        const taskObject = { task, retries };
        if (this.running < this.concurrency) {
            this.runTask(task, retries);
        } else {
            this.queue.push(taskObject);
        }
    }

    async waitForAll() {
        if (this.running === 0 && this.queue.length === 0) {
            return;
        }
        await this.donePromise;
        // 重置 donePromise 以便将来使用
        this.donePromise = new Promise(resolve => this.resolveDone = resolve);
    }
}