今天开发项目时，导入**Tailwind CSS**，按照往常经验搜索对应安装文档

![PixPin_2025-04-12_03-08-23.png](/static/img/2483af4814069151fc4b859970fe07c0.PixPin_2025-04-12_03-08-23.webp)
点进去一看，很正常，给的方法是使用以下指令安装
```
npm install -D tailwindcss
npx tailwindcss init
```
然后在项目里面配置`tailwind.config.js`

![PixPin_2025-04-12_03-09-28.png](/static/img/45c127048c81848582da51788c1160ee.PixPin_2025-04-12_03-09-28.webp)



很奇怪的是运行`npx tailwindcss init`指令时报错

![PixPin_2025-04-12_03-14-28.png](/static/img/9d4d4da9cb991b1111b064a0e5a3a648.PixPin_2025-04-12_03-14-28.webp)
经过检查日志发现`Tailwind CSS`版本不匹配,中文版的文档显示的是`v3.4.17`版本

![PixPin_2025-04-12_03-18-56.png](/static/img/9c11098a137d5091ee545e12439137ae.PixPin_2025-04-12_03-18-56.webp)
而最新版本为`v4.1`版本，在新版本中不在需要使用`npx tailwindcss init`来初始化了

![PixPin_2025-04-12_03-21-48.png](/static/img/8f9a47f7bba97382c6f1fd14e73b5490.PixPin_2025-04-12_03-21-48.webp)
只需要安装**tailwindcss**并在css中引入即可

Tailwind CSS安装

## 程序员必备技能之 `Git`

### 常用命令

#### 拉取代码

```sh
git clone xxx.git
```

#### 创建分支

```sh
git branch dev
# or
git checkout -b dev
# or
git switch -c dev
```



#### 切换本地分支

```sh
git checkout dev
# or
git switch dev
```

#### 切换分支并关联远程分支

```sh
git checkout -b dev origin/dev
# or
git checkout --track origin/dev
```

#### 查看本地所有分支

```sh
git branch
```

#### 查看远程所有分支

```sh
git branch -r
```

#### 删除本地分支

```sh
git branch -d dev
```

#### 删除远程分支

```sh
git push origin -d dev
```

#### 将代码从工作区添加暂存区

```sh
git add .
```

#### 查看尚未暂存的更新

```sh
git diff
```

#### 添加提交信息（`commit` 注释写错，执行 `git commit --amend` 此时会进入默认 `vim` 编辑器，修改注释后保存）

```sh
git commit -m 'xxxx'
```

#### 推送代码到远程分支

```sh
git push origin dev

# 强制推送（常在 git rebase 或 git reset 后使用）
git push -f origin dev
```

#### 拉取远程分支代码

```sh
git pull origin dev
```

#### 合并分支

```sh
git merge dev
```

#### 查看 `git` 状态

```sh
git status
```

#### 查看提交历史

```sh
git log
```

#### 查看可引用的历史版本记录

```sh
git reflog
```

#### 把本地未 `push` 的分叉提交历史整理成直线

```sh
git rebase origin/dev
```

#### 回到 `rebase` 执行之前的状态

```sh
git rebase --abort
```

#### 回退版本

```sh
# 回退指定 commit_id 版本
git reset --hard commit_id

# 回退上一个版本
git reset --soft HEAD^
# or
git reset --soft HEAD~1
```

#### 撤销代码

```sh
git revert commit_id
```

#### 修改分支名

```sh
# 第一步
git branch -m oldBranchName newBranchName

# 第二步
git push origin :oldBranchName

# 第三步
git push --set-upstream origin newBranchName
```

#### 查看 `git` 配置

```sh
# 查看全局配置
git config --global --list

# 查看用户名
git config --global user.name
```

#### 添加用户名

```sh
git config --global --add user.name newName
```

#### 删除用户名

```sh
git config --global --unset user.name
```

#### 修改用户名

```sh
git config --global user.name newName
```

#### 配置 `Git` 用户名和邮箱

```sh
# 用户名
git config --global user.name "Your Name"

# 邮箱
git config --global user.email "email@example.com"
```

#### 统计代码行数

```sh
git ls-files | xargs wc -l
```

#### 文件或文件夹重命名

`Git` 在 `Windows` 和 `macOS` 的默认文件系统中对文件大小写修改是不敏感的。可能你会先删除文件并提交，然后再新建文件再提交，这样做很麻烦，下面的 `git mv` 就简化了繁琐的操作  
比如文件 `filename.ts` 或文件夹 `jsutils`，它们的相对路径分别是 `src/filename.ts` 和 `src/jsutils`

```sh
# 将 filename.ts 文件重命名为 fileName.ts，分下面两步
# 第一步（注意下面的 name.ts 与 filename.ts 是不同的，如果你把 name.ts 改为 fileName.ts 是不行的，因为上面讲了仅大小写不同是不行的）
git mv src/filename.ts src/name.ts
# 第二步
git mv src/name.ts src/fileName.ts

# 将 jsutils 文件夹重命名为 jsUtils，分下面两步
# 第一步
git mv src/jsutils src/utils
# 第二步
git mv src/utils src/jsUtils
```

## 提交规范

`feat: 增加新功能`  
`fix: 修复问题/BUG`  
`style: 代码风格相关无影响运行结果的`  
`perf: 优化/性能提升`  
`refactor: 重构`  
`revert: 撤销修改`  
`test: 测试相关`  
`docs: 文档/注释`  
`chore: 依赖更新/脚手架配置修改等`  
`workflow: 工作流改进`  
`ci: 持续集成`  
`types: 类型定义文件更改`  
`wip: 开发中`

## `CodeReview` 常用缩写

`PR`（Pull Request）拉取请求，给其他项目提交代码  
`LGTM`（Looks Good To Me）代码已经过 review，可以合并  
`SGTM`（Sounds Good To Me）和上面那句意思差不多，也是已经通过了 review 的意思  
`WIP`（Work In Progress）如果有个改动很大的 PR，可以在写了一部分的情况下先提交，但需在标题写上 WIP，以告诉项目维护者这个功能还未完成，方便维护者提前 review 部分提交的代码  
`PTAL`（Please Take A Look）提示别人来看一下  
`TBR`（To Be Reviewed）提示维护者进行 review  
`TL;DR`（Too Long; Didn't Read）太长懒得看  
`TBD`（To Be Done(or Defined/Discussed/Decided/Determined)） 一般表示还没搞定

Git常用指令

### Git 更改远程仓库地址为本地仓库地址教程

假设本地项目当前已关联了一个远程仓库，希望将其更改为新的本地仓库地址。

#### 1. 查看当前的远程仓库地址

首先，检查当前项目的远程仓库地址：

```bash
git remote -v
```

示例输出：

```
origin  https://example.com/username/repository.git (fetch)
origin  https://example.com/username/repository.git (push)
```



#### 2. 添加新的本地远程仓库

使用 `git remote add` 添加新的远程仓库地址。为了与旧的远程仓库区分，我们将新远程仓库命名为 `main`：

```bash
git remote add main http://localhost:3000/username/repository.git
```

#### 3. 查看分支并重命名为 `main`（如有必要）

检查当前分支名称。如果您的项目使用的不是 `main` 分支，可以重命名为 `main`：

```bash
git branch -M main
```

#### 4. 将代码推送到新的本地远程仓库

执行以下命令，将项目推送到新的本地远程仓库：

```bash
git push -u main main
```

#### 5. 验证新仓库是否成功配置

再次查看远程仓库地址，确认新的本地远程仓库已成功添加：

```bash
git remote -v
```

示例输出：

```
main    http://localhost:3000/username/repository.git (fetch)
main    http://localhost:3000/username/repository.git (push)
origin  https://example.com/username/repository.git (fetch)
origin  https://example.com/username/repository.git (push)
```

#### 6. 删除旧的远程仓库（可选）

如果不再需要旧的远程仓库，可以将其删除：

```bash
git remote remove origin
```

验证删除是否成功：

```bash
git remote -v
```

输出应显示新的本地远程仓库信息。

---

通过以上步骤，将成功将项目的远程仓库更改为新的本地仓库，并安全地完成推送。

更改远程仓库为本地仓库

# 优学院互评作业信息获取及自动化脚本

在优学院上的互评作业系统中，用户无法直观地看到是谁评价了自己的作业，也看不到自己评价的是哪位同学的作业。由于无法得知他人对自己评分的具体情况，用户体验欠佳。因此，作为一名计算机专业学生，我决定通过抓包分析来获取互评的详细信息。

---

## 1. 互评作业的评价信息获取

通过抓包分析，我们发现以下 URL 返回了其他同学对你作业的评价信息：

```
https://homeworkapi.ulearning.cn/stuHomework/homeworkDetail/{homeWorkID}/{userID}/{classID}

```



### 请求参数说明

- 请求方法：`GET`

| 名称          | 位置   | 类型   | 必选 | 说明     |
| ------------- | ------ | ------ | ---- | -------- |
| homeWorkID    | path   | string | 是   | 作业ID   |
| userID        | path   | string | 是   | 用户ID   |
| classID       | path   | string | 是   | 课程ID   |
| Authorization | header | string | 是   | 授权令牌 |

### 返回数据结构

返回数据中，`peerReviewHomeworkList` 字段包含了评价你作业的同学列表，其中每位同学的部分信息被屏蔽（例如学号、姓名等），数据结构如下：

```json5
"peerReviewHomeworkList": [
    {
        "userID": 1111111,          // 评价同学的ID
        "studentID": "***",          // 评价同学的学号（隐藏）
        "name": "***",               // 评价同学的姓名（隐藏）
        "headimage": "***",          // 评价同学的头像（隐藏）
        "peerReviewID": 2222222,     // 评价同学的作业ID
        "score": 85.0,               // 评价分数
        "comment": null,             // 评价评语
        "updateTime": 1653874067000, // 最后修改时间
        "isPeerReviewTime": 0        // 是否在互评时间内
    },
    ...
]
```

---

## 2. 获取你对他人作业的评价信息

以下 URL 返回了你对他人作业的评价信息：

```
https://homeworkapi.ulearning.cn/stuHomework/peerReviewHomeworkDatil/{homeWorkID}/{userID}
```

### 请求参数说明

- 请求方法：`GET`

| 名称          | 位置   | 类型   | 必选 | 说明     |
| ------------- | ------ | ------ | ---- | -------- |
| homeWorkID    | path   | string | 是   | 作业ID   |
| userID        | path   | string | 是   | 用户ID   |
| Authorization | header | string | 是   | 授权令牌 |

### 返回数据结构

返回数据中，`result` 字段包含了你评价的作业信息列表，数据结构如下：

```json5
"result": [
    {
        "userID": 1111111,          // 被评价同学的ID
        "studentID": "***",          // 被评价同学的学号（隐藏）
        "name": "***",               // 被评价同学的姓名（隐藏）
        "headimage": "***",          // 被评价同学的头像（隐藏）
        "peerReviewID": 333333,      // 被评价作业ID
        "score": 85.0,               // 评分
        "comment": null,             // 评语
        "updateTime": 1653876201000, // 最后修改时间
        "isPeerReviewTime": 3        // 是否在互评时间内
    },
    ...
]
```

---

## 3. 用户信息获取

通过不断抓包发现，以下 URL 返回了用户的学号、头像等信息：

```
https://homeworkapi.ulearning.cn/homework/historyStudentHomework/{userID}/{userID}/{classID}
```

### 请求参数说明

- 请求方法：`GET`

| 名称          | 位置   | 类型   | 必选 | 说明     |
| ------------- | ------ | ------ | ---- | -------- |
| userID        | path   | string | 是   | 用户ID   |
| classID       | path   | string | 是   | 课程ID   |
| Authorization | header | string | 是   | 授权令牌 |

### 返回数据结构

返回数据中，`user` 字段包含了该用户的基本信息，数据结构如下：

```json5
"user": {
    "userid": 111111,      // 用户ID
    "loginname": "xxxxxxx", // 学号
    "name": "",             // 姓名
    "headimage": "",        // 头像
    ...
}
```

我们可以通过替换用户ID来获取他人的学号、头像等信息，这使得互评作业的同学信息可以被获取，尽管该鉴权机制存在明显漏洞。

---

## 4. 自动化获取信息的油猴脚本

为了简化信息获取流程，我编写了油猴脚本，通过自动发送请求，便捷获取互评作业相关的信息。以下是脚本代码：

```javascript
// ==UserScript==
// @name         优学院作业互评显示评分人名字
// @namespace    https://greasyfork.org/zh-CN/users/953334
// @version      0.0.3
// @description  让我看看是谁给我的作业打了100分？
// @author       ZM25XC itsdapi
// @match        https://homework.ulearning.cn/
// @icon         https://www.ulearning.cn/ulearning/favicon.ico
// @run-at       document-start
// @grant        unsafeWindow
// @license MIT
// ==/UserScript==

(function () {
    'use strict';
    main()


    async function main() {
        try {
            const params = getParams()
            const homeworkData = await getHomeworkDetail(params.homeworkid, params.studentid, params.classid, params.token)
            const peerHomeworkData = await getPeerHomeworkDetail(params.homeworkid, params.studentid, params.token)
            const getHomeworkData = await buildInfoList(params.homeworkid,params.classid, homeworkData, params.token)
            const getPeerHomeworkData = await buildInfoList(params.homeworkid,params.classid, peerHomeworkData, params.token)
            await showHomework(getHomeworkData)
            await showPeerHomework(getPeerHomeworkData)
        } catch (error) {
            console.log(error)
        }

    }


    function getParams() {
        const url = window.unsafeWindow.location.href
        const match1 = /stuDetail/gm
        const target = url.substring(match1.exec(url).index + match1.toString().length - 3)
        const studentid = target.split('/')[0]
        const homeworkid = target.split('/')[1].split('?')[0]
        const match2 = /ocId/gm
        const classid = url.substring(match2.exec(url).index + match2.toString().length - 3)
        const cookies = document.cookie
        const token = /token.*?(;|$)/gm.exec(cookies)[0].substring(6).slice(0, -1)
        return {
            studentid,
            homeworkid,
            classid,
            token
        }
    }


    //获取评价同学userID
    async function getHomeworkDetail(homeworkid, studentid, classid, token) {
        const url = `https://homeworkapi.ulearning.cn/stuHomework/homeworkDetail/${homeworkid}/${studentid}/${classid}`
        const result = await send(url, token)
        return result.result.peerReviewHomeworkList
    }

    //获取评价任务同学userID
    async function getPeerHomeworkDetail(homeworkid, studentid, token) {
        const url = `https://homeworkapi.ulearning.cn/stuHomework/peerReviewHomeworkDatil/${homeworkid}/${studentid}`
        const result = await send(url, token)
        return result.result
    }

    //获取评价同学姓名
    async function getInfo(homeworkid,classid, user_id, token) {
        let url = `https://homeworkapi.ulearning.cn/homework/historyStudentHomework/${user_id}/${user_id}/${homeworkid}`
        const result = await send(url, token)
        url=`https://courseapi.ulearning.cn/classes?ocId=${classid}&pn=1&ps=9999&userId=${user_id}&keyword=&lang=zh`
        const info=await send(url,token)
        if (info.list.length){
            result.result.user["className"]=info.list[0].className
        }else {
            result.result.user["className"]=null;
        }
        return result.result.user
    }

    async function buildInfoList(homeworkid,classid, data, token) {
        let result_list = []
        for (let i = 0; i < data.length; i++) {
            let result = await getInfo(homeworkid,classid, data[i].userID, token)
            result_list.push(result)
        }
        return result_list

    }

    async function showHomework(info) {
        await waitLoad()
        let peerHomeworkItemEle = document.querySelectorAll('.peermain')
        if (peerHomeworkItemEle.length !== 0) {
            for (let [index, scoreWrapper] of peerHomeworkItemEle.entries()) {
                scoreWrapper.insertAdjacentHTML('afterend', `<div>评价人：${info[index].name}  学号：${info[index].studentid} 班级：${info[index].className}</div>`)
            }
        } else {
            let myHomeworkEle = document.querySelectorAll('.stuworkdetails-zone')
            for (let _info of info) {
                myHomeworkEle[0].insertAdjacentHTML('afterend', `<div>等待评价：${(_info.name)}  学号：${_info.studentid} 班级：${_info.className}</div>`)
            }

        }
    }

    async function showPeerHomework(info) {
        await waitLoad()
        let peerHomeworkEle = document.querySelectorAll('.peer_host')
        for (let [index, scoreWrapper] of peerHomeworkEle.entries()) {
            scoreWrapper.insertAdjacentHTML('afterend', `<div>待评价人员：${info[index].name} 学号：${info[index].studentid} 班级：${info[index].className}</div>`)
        }
    }

    function waitLoad() {
        return new Promise((res) => {
            for (let index = 0; index < 10; index++) {
                setTimeout(() => {
                    if (document.getElementById('app') !== null) {
                        res()
                    }
                }, 500);
            }
        })
    }

    function send(url, token) {
        const xhr = new XMLHttpRequest()
        return new Promise((res, rej) => {
            xhr.open('GET', url, true)
            xhr.setRequestHeader("AUTHORIZATION", token)
            xhr.onreadystatechange = () => {
                if (xhr.readyState === XMLHttpRequest.DONE) {
                    const status = xhr.status;
                    if (status === 0 || (status >= 200 && status < 400)) {
                        res(JSON.parse(xhr.responseText))
                    } else {
                        rej(xhr.responseText)
                    }
                }
            };
            xhr.send()
        })
    }
})();
```

---

## 5.在线安装

- 访问：`https://greasyfork.org/zh-CN/scripts/464344`

> **免责声明**：此脚本仅供学习和测试之用，使用过程中可能涉及隐私信息泄露，请确保合理使用和遵守相关规定。对此脚本引发的任何后果，需自行承担责任。

优学院作业互评显示评分人名字

`requests` 是一个用于 HTTP 请求的简单且强大的 Python 库，以下是 `requests` 常用操作示例。

### 1. 安装 `requests`

```bash
pip install requests
```

### 2. 导入 `requests` 模块

```python
import requests
```



---

## 常用请求操作

### GET 请求

```python
response = requests.get("https://api.example.com/data")
print(response.status_code)  # 状态码
print(response.json())       # 获取 JSON 格式响应数据
print(response.text)         # 获取文本格式响应数据
```

### POST 请求

```python
payload = {"key": "value"}
response = requests.post("https://api.example.com/data", json=payload)
print(response.json())
```

### 其他 HTTP 方法

```python
# PUT 请求
response = requests.put("https://api.example.com/data", json={"update": "value"})

# DELETE 请求
response = requests.delete("https://api.example.com/data")
```

---

## 设置请求参数、头部和超时

### URL 参数

```python
params = {"query": "test"}
response = requests.get("https://api.example.com/data", params=params)
print(response.url)  # 完整的请求 URL
```

### 自定义请求头

```python
headers = {"Authorization": "Bearer token"}
response = requests.get("https://api.example.com/data", headers=headers)
```

### 超时设置

```python
response = requests.get("https://api.example.com/data", timeout=10)
```

---

## 上传文件

```python
files = {"file": ("filename.txt", open("filename.txt", "rb"), "text/plain")}
response = requests.post("https://api.example.com/upload", files=files)
print(response.status_code)
```

---

## 会话管理

使用 `requests.Session()` 进行会话管理，可以在同一会话中共享 cookie 和 headers。

```python
with requests.Session() as session:
    session.headers.update({"Authorization": "Bearer token"})
    response = session.get("https://api.example.com/data")
    print(response.json())
```

---

## 常见配置选项

### JSON 数据

- 可以直接发送和解析 JSON 数据：

```python
response = requests.post("https://api.example.com/data", json={"key": "value"})
print(response.json())  # 自动解析 JSON 响应
```

### 重试机制

虽然 `requests` 没有内置重试机制，但可以借助 `urllib3` 提供的 `Retry` 类：

```python
from requests.adapters import HTTPAdapter
from requests.packages.urllib3.util.retry import Retry

session = requests.Session()
retry = Retry(connect=3, backoff_factor=0.5)
adapter = HTTPAdapter(max_retries=retry)
session.mount("http://", adapter)
session.mount("https://", adapter)

response = session.get("https://api.example.com")
```

---

## 获取响应内容

### 获取响应状态码和内容

```python
print(response.status_code)  # 获取状态码
print(response.text)         # 获取文本内容
print(response.content)      # 获取二进制内容
print(response.json())       # 解析 JSON 响应
```

### 获取响应头

```python
print(response.headers)      # 所有响应头
print(response.headers["Content-Type"])  # 特定响应头
```

---

## 代理设置

```python
proxies = {
    "http": "http://proxyserver:port",
    "https": "https://proxyserver:port",
}
response = requests.get("https://api.example.com", proxies=proxies)
```

---

## Cookie 管理

### 设置和获取 Cookie

```python
# 设置请求中的 Cookie
cookies = {"session_id": "123456"}
response = requests.get("https://api.example.com", cookies=cookies)

# 获取响应中的 Cookie
print(response.cookies)
```

---

## 下载文件

```python
url = "https://example.com/file.zip"
response = requests.get(url, stream=True)
with open("file.zip", "wb") as file:
    for chunk in response.iter_content(chunk_size=1024):
        file.write(chunk)
```

---

## SSL 证书验证

### 禁用 SSL 证书验证（不推荐）

```python
response = requests.get("https://example.com", verify=False)
```

### 自定义证书路径

```python
response = requests.get("https://example.com", verify="/path/to/cert.pem")
```

程序员必备技能之 Git

常用命令

拉取代码

创建分支

Git 更改远程仓库地址为本地仓库地址教程

1. 查看当前的远程仓库地址

优学院互评作业信息获取及自动化脚本

1. 互评作业的评价信息获取

1. 安装 requests

2. 导入 requests 模块

程序员必备技能之 `Git`

1. 安装 `requests`

2. 导入 `requests` 模块