## 😘欢迎

正如你所见，龙龙知识库 Dragon Repository 是一个知识存储网站

初衷是记录一下在程序员旅途中💻︎
- 🌟 每天的突发灵感
- 🕳 那些一起掉过的坑
- 📖 发生在身边的有趣的事
- 📕 记录一些感觉比较重要的资料


## 🐼Me

全栈程序员，喜欢研究稀奇古怪的东西

### 技能

* JavaScript、HTML、CSS、Vue、React 的拼写
* Linux、windows、macOS 的开关机方式
* Git 的 pull 和 push，并注册了 GitHub 帐号刷了一些 star
* ~~HTML5、JavaScript、Vue3、Vue2、Python、NodeJS、.NET~~
* ~~SQLServer、Mysql、pgsql、sqlite等主流数据库的使用~~
* ~~Linux、windows等各种操作系统环境的搭建和运维以及Nginx配置维护~~

### 联系

* WeChat: gkdqnl
* QQ:1354028326
* Email:  <a href="mailto:gkdqnl@qq.com">gkdqnl@qq.com</a>
* GitHub: <https://github.com/lydhl>

你好，欢迎 ~

# 微信机器人开发环境准备笔记

> 目标：开发一个用于监控 CS 市场大盘并整活的微信机器人  
> 平台：Windows  
> 工具：PowerShell + Chocolatey

---

## 🧰 环境准备步骤

### 1. 打开管理员权限的 PowerShell
确保以 **管理员身份** 运行 PowerShell。

---

### 2. 允许安装脚本运行
在 PowerShell 中执行以下命令：

```powershell
Set-ExecutionPolicy RemoteSigned -Scope Process
```
### 3. 安装 Chocolatey
执行以下命令来安装 Chocolatey：
```
Set-ExecutionPolicy Bypass -Scope Process -Force; `
[System.Net.ServicePointManager]::SecurityProtocol = `
[System.Net.ServicePointManager]::SecurityProtocol -bor 3072; `
iex ((New-Object System.Net.WebClient).DownloadString('https://chocolatey.org/install.ps1'))
```
### 4. 验证安装
在新打开的命令行窗口中输入choco命令，验证 Chocolatey 是否安装成功：


### 5. 安装 Make 工具
重新打开 管理员权限 的 PowerShell，输入以下命令：
```choco install make```


记一次微信机器人搭建

- pip config set global.index-url https://pypi.tuna.tsinghua.edu.cn/simple
- Anaconda3
- 更改requirements.txt>=为= 然后pip install -r requirements.txt
- https://developer.download.nvidia.cn/compute/cuda/11.0.2/local_installers/cuda_11.0.2_451.48_win10.exe
- https://www.python.org/ftp/python/3.8.6/python-3.8.6.exe
- pip install mouse
- pip install keyboard
- pip install pywin32
- pip install pynput
- pip install PyQt5
- pip install opencv-python
- pip install psutil
- pip install ultralytics
- pip install pyautogui


从零开始的yolo学习之旅

## Geoserver配置
1. 准备 GeoTIFF 文件
确保 TIFF 文件是 GeoTIFF 格式（包含地理坐标信息）。

如果文件没有坐标信息，可以使用 QGIS、ArcGIS 等工具添加地理参考。

2. 登录 GeoServer
打开浏览器，输入 GeoServer 地址（默认是 http://localhost:8080/geoserver）。


使用管理员账号登录（默认账号 admin，密码 geoserver）。

3. 创建工作区
- 左侧菜单点击 【工作区】。
- 点击 【添加新的工作区】。
- 填写：
- 名称：自定义（如 my_workspace）。
- 命名空间 URI：可填写 http://my_workspace（仅需保持唯一性）。
- 点击 【提交】。

4. 创建数据存储
- 左侧菜单点击 【存储】。
- 点击 【添加新的数据存储】。
- 选择 【GeoTIFF】 作为数据源类型。
- 配置参数：
- 工作区：选择刚创建的工作区（如 my_workspace）。
- 数据源名称：自定义（如 my_tif_store）。
- 连接参数 > URL：点击 【浏览】，上传你的 GeoTIFF 文件。
- 点击 【保存】。

5. 发布图层
创建存储后，页面会自动跳转到 【发布图层】 界面。

在 【图层列表】 中找到你的 GeoTIFF 文件，点击 【发布】。

配置图层参数：

- 名称：图层标识（如 my_tif_layer）。
- 标题：图层显示名称（如 我的TIFF图层）。
- 摘要：描述信息（可选）。
- 坐标系：
- 声明：确保 EPSG 代码正确（如 EPSG:4326 或 EPSG:3857）。
- SRS处理：选择 强制声明。
- 边界框：点击 【从数据中计算】 自动生成地理范围。
- 点击 【保存】。

6. 预览 WMS 服务
左侧菜单点击 【图层预览】。

找到刚发布的图层（如 my_tif_layer）。

点击 【OpenLayers】 或 【WMS】 链接，查看地图是否正常显示。

## 如何去掉黑色或其他纯色的背景色
1. 打开编辑图层界面→数据
2. 覆盖参数在Input Transparent Color填入需要覆盖的颜色比如我想把给色变为透明，则设置#000000
## Mars3D前端加载部分

```js
const initwmslayertest = (layername) => {
  // 定义 WMS 服务的 URL，指向 GeoServer
  let url = 'http://xxxxxxxxxxxxx/geoserver/zzmtest/wms';
  
  // 创建一个 WMS 图层实例
  let tileLayer = new mars3d.layer.WmsLayer({
    zIndex: 1000, // 设置图层的叠放顺序，1000 代表较高的层级
    url: url, // 指定 WMS 服务的 URL
    id: layername, // 设置图层的唯一 ID，便于管理
    name: layername, // 设置图层的名称
    opacity: 0.5, // 设置图层透明度，0.5 代表半透明
    layers: "NDVI", // 指定 WMS 请求的图层名称，需与 GeoServer 配置一致
    parameters: {
      transparent: true, // 使图层背景透明
      format: 'image/png', // 设置返回的图片格式为 PNG
    },
    getFeatureInfoParameters: {
      feature_count: 30, // 设置点击时最多返回的要素数量
    },
    popupOptions: {
      horizontalOrigin: Cesium.HorizontalOrigin.LEFT, // 设置弹出框的水平对齐方式
      verticalOrigin: Cesium.VerticalOrigin.BOTTOM, // 设置弹出框的垂直对齐方式
      offsetX: -14, // 调整弹出框的水平偏移量
    },
    show: false, // 默认不显示图层
    featureToGraphic: mars3d.Util.geoJsonToGraphics, // 将 WMS 返回的 GeoJSON 数据转换为矢量图形
  });
  
  // 将创建的 WMS 图层添加到地图中
  window.map.addLayer(tileLayer);
  
  // 监听 WMS 图层的 click 事件，获取点击位置的数据信息
  tileLayer.on(mars3d.EventType.click, (event) => {
    if (event) {
      console.log(event); // 打印点击事件返回的数据，便于调试
    }
  });
}


```

geoserver如何将tif发布为WMS服务并在mars3D前端展示

# 🍔如何快速用ES6写法实现字符串的截取和拼接
### 一、拼接
使用场景为把数组循环把数组内对象某一字段逗号分隔拼接成一个字符串

```js
const idString = data.map(item => item.id).join(',');
```
### 二、分隔
使用场景为把字符串拆分为数组并去除多余空格

```js
const nodeIdlist = nodestr.split(',').map(id => id.trim());
```