Posts on 特严赤傲

app端渐变背景

Thu, 03 Sep 2026 21:48:35 +0800

uniappx 开发app端页面背景渐变颜色链接到标题

1
2


 /* 对应从左到右的水平渐变 (90deg) */
 background-image: linear-gradient(to right, #E6F9E6, #E0F0FF);

Web 上用于获取用户设备当前位置的核心方法链接到标题

1
2
3
4
5
6


// 获取用户设备当前位置
 navigator.geolocation.getCurrentPosition((position) => {
 const latitude = position.coords.latitude;
 const longitude = position.coords.longitude;
 console.log(`纬度: ${latitude}, 经度: ${longitude}`);
 });

gitcode代码同时更新到github

Sat, 23 May 2026 22:09:11 +0800

想把已在 GitCode 上的项目也同步到 GitHub，以后只需一次 git push 就能同时更新两个平台

whereType的作用

Thu, 21 May 2026 21:04:00 +0800

whereType<Marker>() 是 Dart 中 Iterable 的一个方法，用于过滤集合中指定类型的元素。

vben admin pro 框架的 ApiComponent Api组件包装器select使用示例

Mon, 02 Feb 2026 22:27:31 +0800

最近开发的项目中，有一个功能是 form 表单里 select 组件下拉选项是通过接口返回的数据，我使用了ApiComponent 组件，实现这个功能有两种方法，第一种是通过 slots 插入组件的方式实现（参考：vben admin pro 框架的BasicTable之使用slots 插入组件），第二种就是下面这个。废话不说，直接上代码。

vben admin pro 框架的BasicTable之使用slots 插入组件

Mon, 02 Feb 2026 22:27:31 +0800

需求：在BasicTable 列表中，插入一行Switch组件改变状态的列 1，首先在主组件的 script 标签中引入 switch 组件

爆米花

Thu, 13 Nov 2025 20:27:26 +0800

昨天，立冬下了一天的小雨。

今天雨停了，天空依然阴沉沉的，冷冷的风在街道上肆意扫荡，枯黄的落叶和着昨天的雨水堆积在路旁，路边卖烧饼的人哆哆嗦嗦的等待着顾客，我和几个同事裹紧了衣服走进了一家小饭馆。

GitHub 操作命令完整指南

Sun, 17 Aug 2025 09:08:29 +0800

基础配置链接到标题

用户配置链接到标题

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11


# 设置全局用户名
git config --global user.name "Your Name"

# 设置全局邮箱
git config --global user.email "your.email@example.com"

# 查看当前配置
git config --list

# 设置默认编辑器（如VSCode）
git config --global core.editor "code --wait"

仓库操作链接到标题

初始化与克隆链接到标题

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14


# 初始化本地仓库
git init

# 克隆远程仓库
git clone https://github.com/username/repository.git

# 克隆指定分支
git clone -b branch-name https://github.com/username/repository.git

# 添加远程仓库
git remote add origin https://github.com/username/repository.git

# 查看远程仓库信息
git remote -v

提交更改链接到标题

基础操作链接到标题

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13


# 查看当前状态
git status

# 添加文件到暂存区
git add filename.txt
git add . # 添加所有更改
git add *.js # 添加所有js文件

# 提交更改
git commit -m "描述信息"

# 修改上次提交
git commit --amend -m "新的提交信息"

查看提交历史链接到标题

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20


# 简洁查看提交历史
git log --oneline

# 图形化查看分支历史
git log --graph --oneline --all

# 查看指定文件的修改历史
git log -p filename

# 查看包含统计信息的提交历史
git log --stat

# 按作者查看提交
git log --author="username"

# 按时间范围查看
git log --since="2023-01-01" --until="2023-12-31"

# 查看某次提交的详情
git show commit-hash

分支管理链接到标题

基础分支操作链接到标题

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18


# 查看分支
git branch # 本地分支
git branch -a # 所有分支(包括远程)
git branch -v # 查看分支最后提交

# 创建分支
git branch new-feature

# 切换分支
git checkout main
git checkout -b hotfix # 创建并切换分支

# 合并分支
git merge feature-branch

# 删除分支
git branch -d old-branch # 安全删除(已合并)
git branch -D old-branch # 强制删除(未合并)

远程分支操作链接到标题

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11


# 推送本地分支到远程
git push origin branch-name

# 跟踪远程分支
git checkout --track origin/branch-name

# 删除远程分支
git push origin --delete branch-name

# 获取远程分支列表
git ls-remote --heads origin

版本回滚与撤销链接到标题

撤销工作区更改链接到标题

1
2
3
4
5
6
7
8


# 撤销单个文件的修改
git checkout -- filename

# 撤销所有未暂存的修改
git checkout -- .

# 撤销所有修改(包括暂存的)
git reset --hard

回滚到特定版本链接到标题

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20


# 查看可回滚的提交历史(获取commit hash)
git log --oneline

# 软回滚(保留更改在工作区)
git reset --soft commit-hash

# 混合回滚(默认，保留更改在暂存区)
git reset commit-hash

# 硬回滚(彻底删除更改)
git reset --hard commit-hash

# 回滚到远程仓库状态
git reset --hard origin/main

# 回滚特定文件到某版本
git checkout commit-hash -- filename

# 创建回滚提交(适用于已推送的提交)
git revert commit-hash

恢复删除的分支链接到标题

1
2
3
4
5


# 查找被删除分支的最后提交
git reflog

# 从reflog中恢复分支
git checkout -b recovered-branch commit-hash

远程同步链接到标题

推送与拉取链接到标题

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14


# 推送本地分支到远程
git push origin branch-name

# 强制推送(谨慎使用)
git push -f origin branch-name

# 拉取远程更新
git pull origin branch-name

# 获取远程更新但不合并
git fetch origin

# 获取所有远程更新
git fetch --all

高级操作链接到标题

储藏更改链接到标题

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14


# 储藏当前工作区
git stash

# 查看储藏列表
git stash list

# 恢复最近储藏
git stash pop

# 恢复指定储藏
git stash apply stash@{n}

# 删除储藏
git stash drop stash@{n}

标签管理链接到标题

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16


# 创建标签
git tag v1.0.0

# 创建带注释的标签
git tag -a v1.0.0 -m "Release version 1.0.0"

# 查看标签
git tag

# 推送标签到远程
git push origin v1.0.0
git push origin --tags # 推送所有标签

# 删除标签
git tag -d v1.0.0
git push origin --delete v1.0.0

子模块链接到标题

1
2
3
4
5
6
7
8


# 添加子模块
git submodule add https://github.com/username/repo.git

# 克隆包含子模块的仓库
git clone --recurse-submodules https://github.com/username/repo.git

# 更新子模块
git submodule update --init --recursive

GitHub CLI (gh) 命令链接到标题

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20


# 登录GitHub账号
gh auth login

# 查看当前登录状态
gh auth status

# 创建PR
gh pr create

# 查看PR列表
gh pr list

# 合并PR
gh pr merge

# 克隆仓库
gh repo clone username/repository

# 创建新仓库
gh repo create

实用技巧链接到标题

比较差异链接到标题

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11


# 比较工作区和暂存区
git diff

# 比较暂存区和最新提交
git diff --cached

# 比较两个分支
git diff branch1..branch2

# 比较特定文件在两个分支的差异
git diff branch1..branch2 -- filename

重写历史链接到标题

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20


# 交互式rebase(最近3次提交)
git rebase -i HEAD~3

# 修改提交作者信息
git commit --amend --reset-author

# 批量修改历史提交信息
git filter-branch -f --env-filter '
 OLD_EMAIL="old@email.com"
 NEW_NAME="New Name"
 NEW_EMAIL="new@email.com"
 if [ "$GIT_COMMITTER_EMAIL" = "$OLD_EMAIL" ]; then
 export GIT_COMMITTER_NAME="$NEW_NAME"
 export GIT_COMMITTER_EMAIL="$NEW_EMAIL"
 fi
 if [ "$GIT_AUTHOR_EMAIL" = "$OLD_EMAIL" ]; then
 export GIT_AUTHOR_NAME="$NEW_NAME"
 export GIT_AUTHOR_EMAIL="$NEW_EMAIL"
 fi
' --tag-name-filter cat -- --all

清理仓库链接到标题

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11


# 查看大文件
git rev-list --objects --all | grep "$(git verify-pack -v .git/objects/pack/*.idx | sort -k 3 -n | tail -5 | awk '{print$1}')"

# 清理历史大文件
git filter-branch --force --index-filter 'git rm --cached --ignore-unmatch path/to/large-file' --prune-empty --tag-name-filter cat -- --all

# 清理本地无效远程分支引用
git remote prune origin

# 垃圾回收
git gc --aggressive --prune=now

使用强制操作(如 --force push 或 --hard reset)时要格外小心，特别是在团队协作的项目中。

MacBook 终端命令大全

Sun, 17 Aug 2025 09:08:29 +0800

MacBook 的终端(Terminal)是一个强大的工具，可以直接与 macOS 的 Unix 底层交互。以下是一些常用和实用的终端命令分类整理：

鸿蒙开发app资源库

Sun, 03 Aug 2025 08:30:18 +0800

鸿蒙图标库链接到标题

鸿蒙第三方插件库

鸿蒙图标库

内置图标使用示例链接到标题

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14


// SymbolGlyph组件示例 

SymbolGlyph($r('sys.symbol.ohos_folder_badge_plus'))
 .fontSize(96)
 .fontColor(Color.Black)

// SymbolSpan嵌入文本示例

Text() {
 Span('通知 ')
 SymbolSpan($r('sys.symbol.bell_fill'))
}

示例中，ohos_folder_badge_plus和bell_fill均为示例，具体图标在鸿蒙图标库中找到

传值方式链接到标题

在@ComponentV2中传值方式与@Component 不同

关于CupertinoNavigationBar图标对齐问题

Thu, 24 Jul 2025 20:27:03 +0800

开发一个自定义顶部栏，发现右侧图标与标题不在同一水平线上：

uniappx开发app，获取验证码倒计时功能

Tue, 08 Jul 2025 22:07:07 +0800

使用uniappx+uts+firstui开发app，实现一个获取手机验证码功能，记录一下代码：

uniappx开发app修改密码验证功能

Tue, 08 Jul 2025 22:07:07 +0800

实时验证：
- 新密码输入时立即验证格式
- 确认密码输入时验证格式和一致性
- 所有输入变化时更新按钮状态
错误提示：
- 添加了错误信息区域，实时显示验证结果
- 提供明确的格式错误和密码不一致提示
按钮状态逻辑优化：
- 要求所有字段非空
- 新密码必须符合格式
- 确认密码必须与新密码匹配
密码规则增强：
- 使用更严格的正则确保包含两类及以上字符
- 明确排除空格等无效字符

macOS查询安卓和ios模拟器列表

Sat, 28 Jun 2025 20:53:38 +0800

macOS查询安卓和ios模拟器列表链接到标题

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14


# 安卓模拟器列表
cd ~/Library/Android/sdk/emulator
./emulator -list-avds

# 启动安卓模拟器
./emulator -avd 你的模拟器名称



# ios 模拟器列表
xcrun simctl list devices | grep -v unavailable

# 启动ios模拟器
open -a Simulator --args -CurrentDeviceUDID <设备标识符>

Flutter中使用adaptive_dialog的方法

Thu, 26 Jun 2025 22:02:15 +0800

adaptive_dialog是一个强大的Flutter插件，它能够根据运行平台(iOS或Android)自动适配对话框样式，提供一致的用户体验。本教程将详细介绍如何使用这个插件。

我已经长成你年轻时的模样

Sun, 20 Apr 2025 15:29:28 +0800

我已经长成你年轻时的模样

2013-04-09

一直以来，有时候突然间很想很想写一点东西给你，只是单纯的写写你，写写我，写写关于我们的那一些过去的事情，还有在我过去和未来的人生里你错过的风景。有时候想起你来就会有种很难过的感觉，对你的印象这么淡了，我真怕有一天我会忘记你的样子。

React 父子组件传值

Tue, 15 Apr 2025 16:41:16 +0800

在 React 中，父子组件传值方式：

1. 父组件向子组件传值（Props）链接到标题

这是最基础的传值方式，通过 props 将数据从父组件传递给子组件。

微信小程序获取用户位置

Wed, 12 Mar 2025 20:57:54 +0800

在微信小程序中，从 2023 年 7 月开始，部分敏感接口（如 wx.getLocation）需要在 app.json 或 ext.json 中声明 requiredPrivateInfos 字段，否则调用时会失败并返回以下错误：

微信小程序云开发获取openid

Tue, 04 Mar 2025 21:57:45 +0800

在微信小程序云开发提供了便捷的数据库和云函数功能，可以轻松存储和获取用户信息。以下是代码示例：

MacBook终端使用vim命令

Fri, 28 Feb 2025 23:31:36 +0800

在 MacBook 终端中使用 vim 编辑器时，以下是一些常用命令和操作指南：

react 封装一个类函数使用方法

Tue, 21 Jan 2025 14:25:11 +0800

1.编写ProductCount函数链接到标题

 1
 2
 3
 4
 5
 6
 7
 8
 9
10


class ProductCount {
 public static getProductCount(count: number): string {
 if (count < 10) {
 return `当前数量: 0${count}`;
 }
 return `当前数量: ${count}`;
 }
}

export default ProductCount;

2.在代码文件中导入 `ProductCount` 类。链接到标题

1

import ProductCount from './ProductCount'; // 根据实际路径调整

3. 在 React 组件中使用** 链接到标题

在 React 项目中的组件中调用它并显示结果。

2022开头就是王炸

Sun, 20 Oct 2024 11:42:58 +0800

2022开头就是王炸

2022-05-16

2022开头就是王炸，我有一些话想说。

2023的第一场雪

Sun, 20 Oct 2024 11:42:58 +0800

好多年没见过这么大的雪了……

早晨起来，拉开窗帘看到白茫茫的一篇，地面，树木，房屋上都覆盖了厚厚的一层雪，安静的气氛中，一切都显得如此纯洁与宁静，灰蒙蒙的天空和雪连成一片，仿佛置身于童话世界中。把窗户推开一个小小的口子，一阵刺骨的冷气加裹着雪的味道奔涌进来，吹的我打了好几个寒颤，迅速关好窗子，裹紧了衣服。妻看到我的窘相，哈哈哈大笑说，看到那么大的雪，还开窗，怕不是睡傻了吧？

DataTable开发导出Excel文档带背景颜色

Sun, 20 Oct 2024 11:42:58 +0800

dataTable 导出Excel功能，要求在Excel文件里一行一行有背景颜色，整理了以下三种情况：

flex布局里的属性

Sun, 20 Oct 2024 11:42:58 +0800

父级属性

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34


flex-direction : 设置主轴的方向（row,row-reverse,column,column-reverse）
	row：X轴从左至右（默认）【1,2,3 】
	row-reverse：X轴从右至左【 3,2,1】
	column：Y轴从上之下
	column-reverse：Y轴从下至上

justify-content : 设置主轴上的子元素排列方式
	flex-start :默认从头部开始，从左至右，X轴为主轴【1,2,3 】
	flex-end : 从尾部开始排列【 1,2,3】
	center： 在主轴居中对齐（主轴为X，则水平居中）【 1,2,3 】
	space-around: 平分剩余空间【 1, 2, 3 】
	space-between: 先两边贴边，再平分剩余空间【1, 2, 3, 4, 5】

flex-wrap : 设置元素是否换行
	nowrap：默认不换行【1,2,3,4,5,6】
	wrap：换行		 【1,2,3】
					 【4,5,6】

align-content : 设置侧轴上的子元素的排列放方式（多行）
	flex-start:默认值在侧轴的头部开始排列
	flex-end:在侧轴的尾部开始排列
	center:在侧轴中间显示
	space-around:子项在侧轴平分剩余空间
	space-between:子项在侧轴先分布在两头，再平分剩余空间
	stretch:设置子元素高度平分父元素高度

align-items : 设置侧轴上的子元素排列方式（单行）
	center：垂直居中
	flex-start：垂直居上
	flex-end：垂直居下
	stretch：拉伸

flex-flow : 复合属性，相当于同时设置了flex-direaction 和 flex-wrap
	flex-flow: row wrap;

子级属性

1
2
3
4
5
6


flex:1 子项所占的比例
align-self: 控制子项自身在侧轴上的排列方式
	flex-start:垂直居上
	flex-end: 垂直居下
	center: 居中
order: 数值越小子项越靠前

Flutter 3.0.5 使用BottomNavigationBar数量超过3个时底部导航显示为白色

Sun, 20 Oct 2024 11:42:58 +0800

查询了源码之后，得出当数量小于等于3时会默认fixed模式下使用主题色，大于3时则会默认shifting模式下使用白色，所以，type: BottomNavigationBarType.fixed, 即可.

flutter- ListTile leading加载本地图标

Sun, 20 Oct 2024 11:42:58 +0800

1
2
3
4
5
6


ListTile(
 leading: Images.assets('images/1.png'),
 title: Text('jquery 根据分类id分割数组'),
 subtitle: Text(
 '写项目的时候遇到一个问题'),
 )

现在改成这样就可以了：

flutter-firebase-login登陆失败

Sun, 20 Oct 2024 11:42:58 +0800

用flutter+firebase做推送功能的时候，根据firebase文档提示做，安装好 cli之后，怎么用科学上网都登陆不上去，然后，在sf找到一些办法，试过之后，生效了。记录一下

flutter不设置appbar内容被状态栏遮住

Sun, 20 Oct 2024 11:42:58 +0800

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19


//1,引入dart:ui

import "dart:ui";

//2,获取头部状态栏高度

MediaQueryData.fromWindow(window).padding.top



//具体用法：

Padding(

padding:

EdgeInsets.only(top: MediaQueryData.fromWindow(window).padding.top)

)

flutter父子传值StatefulWidget和StatelessWidget的区别

Sun, 20 Oct 2024 11:42:58 +0800

父组件：

 1
 2
 3
 4
 5
 6
 7
 8
 9
10


ElevatedButton(
 onPressed: () {
 Navigator.of(context).push(MaterialPageRoute(
 builder: (context) => FormPage(title: 'form page!')));
 },
 style: ButtonStyle(
 padding: MaterialStateProperty.all(
 const EdgeInsets.fromLTRB(20, 10, 20, 10))),
 child: const Text('传值按钮'),
 )

子组件的StatelessWidget模式：

Mac安装brew和yarn

Sun, 20 Oct 2024 11:42:58 +0800

1，通过镜像安装brew

1

/bin/zsh -c "$(curl -fsSL https://gitee.com/cunkai/HomebrewCN/raw/master/Homebrew.sh)"

按回车后，根据提示操作：输入镜像序号 –> 输入Y，回车等待brew安装完成即可；建议使用中科大的镜像。

miot-plugin-sdk 使用echart图表插件

Sun, 20 Oct 2024 11:42:58 +0800

1.安装 echart 链接到标题

1

npm install native-echarts --save

2.引用链接到标题

1

import Echarts from 'native-echarts';

3.把option封装成函数链接到标题

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25


 echart(val,title){
 option = {
 tooltip: {
 formatter: '{a} <br/>{b} : {c}%'
 },
 series: [
 {
 name: 'Pressure',
 type: 'gauge',
 detail: {
 formatter: '{value}'
 },
 data: [
 {
 value: val,
 name: title
 }
 ]
 }
 ]
 };

 return option
 }
 

4.组件里调用链接到标题

1

 <Echarts option={this.echart(this.start.title,this.state.val)} height={420} />

5.总结链接到标题

在miot-plugin-sdk里面，如果不封装成函数，传不进去值，别的办法没去想，就这么用吧。组件里的高度和大小可以自己根据文档调试。

miot-plugin-sdk-npminstall安装失败

Sun, 20 Oct 2024 11:42:58 +0800

最紧公司要开发一台智能设备，经过同事的对比，选中了米家作为云平台，于是，我就负责开发app界面端，根据官方文档教程下载了miot-plugin-sdk 程序，准备开始开发,结果悲剧了……

node 安装多版本

Sun, 20 Oct 2024 11:42:58 +0800

首先安装n模块

1

 sudo npm install -g n

1、列出所有node版本

1

n ls

2、查看远程所有node

1

 n ls-remote

3、查看当前node版本

1

node -v

4、安装指定node版本

1

sudo n 14.17.0

5、删除某个版本的node

1

sudo n rm 14.17.0

6、安装最新稳定版

1

sudo n stable

7、安装最新版本

1

sudo n lastest

8、切换node版本(输入命令后上下键盘选择确认)

1
2


$ n
//若无法正常切换，则可以试试： sudo n

November rain

Sun, 20 Oct 2024 11:42:58 +0800

十一月了，这南方的城市渐渐进入了冬天，昨晚，翻箱倒柜的把厚衣服拿出来，时间，终于从夏天走过秋天，来到了冬天。

python用pyinstaller打包exe,去掉黑窗口

Sun, 20 Oct 2024 11:42:58 +0800

使用Python编写程序将Python脚本打包成可执行文件（EXE）,但是会有一个命令框产生，很烦，所以，去掉这个框

test

Sun, 20 Oct 2024 11:42:58 +0800

生活总是苦的，这就是我们为什么一遇到点甜就奋不顾身的原因。
告别一段旅程，未来该何去何从，没有明确的答案，只是在日益变老的年纪里，没有抓住童年的那只蝉，注定错过了那整个的夏天。
不要咒骂当初的自己，当时的他一个人站在迷雾里，也很迷茫。
流星，或许就是一颗迷路的星星。
以前我总以为自己是光芒万丈的太阳，直到后来才知道，其实我只是夜晚里的一个萤火虫。
开车一路向北，路过一个又一个的城市，一片又一片的农田，村庄和人群，每个人都活得很自由自在，唯独我除外。
人生是一个漫长的过程，于你于我都一样，经历过冬夏，享受过春秋，一步一步走到今天，看花开花落，看世事无常，走过去便忘了，预示开始探索未知的世界，这就是人生，从出生开始，随着时间不断的行走，停下脚步，就是死亡。
一场细雨冬意浓，花落尽，草凋零，无言有意谁会懂。路漫漫，水迢迢，浮萍有意，流水无情，你在画中。

vite配置

Sun, 20 Oct 2024 11:42:58 +0800

vite配置项，有些需要记录一下

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35


import { defineConfig, Terser } from 'vite'
import vue from '@vitejs/plugin-vue'

// https://vitejs.dev/config/
export default defineConfig({
 base:'./', //打包公共路径
 plugins: [vue()],
 build:{
 //打包环境移除console.log，debugger
 minify:'terser',
 terserOptions:{
 compress:{
 drop_console:true,
 drop_debugger:true
 }
 },
 //打包文件按照类型分文件夹显示
 rollupOptions:{
 output:{
 chunkFileNames:'js/[name]-[hash].js',
 entryFileNames:'js/[name]-[hash].js',
 assetFileNames:'[ext]/[name]-[hash].[ext]'
 }
 }
 },
 server:{
 proxy:{
 'api':{
 target:'csdn.net',
 changeOrigin:true,
 rewrite:(path)=> path.replace('/^\/api/','')
 },
 }
 }
})

记录一下第一部分。

vite中无法使用require和@无法使用的问题

Sun, 20 Oct 2024 11:42:58 +0800

1，安装插件

1
2
3
4


//yarn 安装
yarn add -D vite-plugin-require-transform
//npm 安装
npm i vite-plugin-require-transform --S

2.在vite中配置一下即可

vue3+TS+Element-plus el-pagination分页组件显示中文

Sun, 20 Oct 2024 11:42:58 +0800

1，首先考虑改造一下main.ts

1
2
3
4
5
6


// ! element-plus vue3.0
import element from 'element-plus'
import 'element-plus/lib/theme-chalk/index.css'
import locale from 'element-plus/lib/locale/lang/zh-cn' //中文
//在app中引用
app.use(ElementPlus,{locale})

如果得不到解决，那就单独在pagination的组件中解决一下

vue3+ts用ref获取元素节点里的值

Sun, 20 Oct 2024 11:42:58 +0800

在vue2中获取元素节点的值：

1
2


<div ref="myRef"></div>
this.$refs.myRef

在vue3+ts中获取元素节点的值

vue3防抖

Sun, 20 Oct 2024 11:42:58 +0800

1
2
3
4
5
6
7
8
9


//utils/debounce.js
//防抖函数
export const debounce = (() => {
 let timer = 0
 return (callback, wait) => {
 clearTimeout(timer)
 timer = setTimeout(callback,wait)
 }
})()

在实例中应用

vue3兄弟之间传值之插件mitt

Sun, 20 Oct 2024 11:42:58 +0800

1.首先安装

1
2
3
4


//npm
npm install mitt -S
//yarn
yarn add mitt -S

2.src下新建一个目录plugin,其中新建Bus.ts

vue3中defineProps传值失去响应

Sun, 20 Oct 2024 11:42:58 +0800

写小项目的时候，遇到了一个问题，异步请求出的数据，无法及时传值给子组件，一时竟想不明白为什么，经过查阅资料，发现，子组件在用defineProps接受到值以后，必须用toRefs来解构一下，才可以。

vue3自定义tab组件切换简易效果

Sun, 20 Oct 2024 11:42:58 +0800

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48


<template>
 <div class="content">
 <div class="tab">
 <div @click="swichItem(item)" class="tabs-item" v-for="item in data" :key="item.name">{{item.name}}</div>
 </div>
 <component :is="current.comName"></component>
 </div>
</template>
 
<script setup lang='ts'>
import {reactive,markRaw} from 'vue'
import A from './components/A.vue'
import B from './components/B.vue'
import C from './components/C.vue'

 type Tabs = {
 name:string,
 comName: any
 }
 type Com = Pick<Tabs,'comName'>

 const data = reactive<Tabs[]>([
 {
 name:'我是a组件',
 comName: markRaw(A)
 },
 {
 name:'我是b组件',
 comName: markRaw(B)
 },
 {
 name:'我是C组件',
 comName: markRaw(C)
 }
 ])

 let current = reactive<Com>({
 comName:data[0].comName
 })

 const swichItem=(item:Tabs)=>{
 current.comName = item.comName
 }
</script>
 
<style scoped>
 .tabs-item{display: inline-block; width: 100px;border: 1px solid #ddd;text-align: center;}
</style>

其中ABC三个组件味各自tab里的内容。

冬

Sun, 20 Oct 2024 11:42:58 +0800

阳台的窗户有些破旧，搬进来的时候又未加修整，昨晚刮了一夜的风，吹的窗户咚咚作响，我躲在被窝里，听着风声，“明天开始降温，应该穿厚一点了……”想着想着就在迷迷糊糊中渐渐睡过去。

粉色的工具

Sun, 20 Oct 2024 11:42:58 +0800

最近部门买了一批自喷漆，说是自己选个颜色给自己的工具喷上颜色，防止别人错拿错放。于是，我坚定不移的选择了一瓶是中国红颜色瓶盖子的这款。由于按耐不住这可爱国心，于是我立刻找地方给自己的工具喷上，现在，我对着一箱子粉色的工具陷入了沉思……

六月的某一个早晨

Sun, 20 Oct 2024 11:42:58 +0800

六月的某一个早晨

2022-06-11

六月的某一个早晨，天空很蓝，有几朵淡淡的云，阳光并不刺眼，有风很轻，坐在阳台的板凳上，对着打开的文档，滑了好久，却没记住一个字。

梦

Sun, 20 Oct 2024 11:42:58 +0800

是夜。

房间里静悄悄的，电脑显示屏纯白的光照耀在我苍白的脸上，左手的一根烟已经燃烧了一半，低着头的烟灰承受不了太多的重负“啪嗒”一声落在地板上，我猛抽了一口，然后把烟熄灭在烟灰缸里。

青春何处

Sun, 20 Oct 2024 11:42:58 +0800

08年，汶川大地震发生的时候，我刚从成都坐上了回杭州的火车，等我从快被打爆了的手机上得到汶川地震了，我听见一车的人都在惊讶，也在庆幸，在地震来临之前我们坐上回来的车。大概整列车上唯一感觉到郁闷遗憾的人就是我吧，当英雄一直以来都是支撑着我的梦想，在灾难来临之前我走掉了，我失去了一次当英雄的机会！

如何让ESP8266恢复出厂设置

Sun, 20 Oct 2024 11:42:58 +0800

1，安装python，2.7或者更高版本 2，运行：

雁南归

Sun, 20 Oct 2024 11:42:58 +0800

秋风起兮白云飞，草木黄落兮雁南归

2024-10-20

时间过的很快，一晃已经是深秋了，昨天开始降温，天气一下子变得很冷很冷的，北风刮的很大，很轻易的刺透了衣服，我裹紧衣服，看看天空里的太阳，没有一点温暖的感觉。

回到家已经快一年了，回顾一下，生活似乎并没有变得很好，仿佛又回到了那个一无所有的时候，可年华已不在。

Posts on 特严赤傲

app端渐变背景

uniappx 开发app端 页面背景渐变颜色 链接到标题

Web 上用于获取用户设备当前位置的核心方法 链接到标题

gitcode代码同时更新到github

whereType的作用

vben admin pro 框架的 ApiComponent Api组件包装器select使用示例

vben admin pro 框架的BasicTable之 使用slots 插入组件

爆米花

GitHub 操作命令完整指南

基础配置 链接到标题

用户配置 链接到标题

仓库操作 链接到标题

初始化与克隆 链接到标题

提交更改 链接到标题

基础操作 链接到标题

查看提交历史 链接到标题

分支管理 链接到标题

基础分支操作 链接到标题

远程分支操作 链接到标题

版本回滚与撤销 链接到标题

撤销工作区更改 链接到标题

回滚到特定版本 链接到标题

恢复删除的分支 链接到标题

远程同步 链接到标题

推送与拉取 链接到标题

高级操作 链接到标题

储藏更改 链接到标题

标签管理 链接到标题

子模块 链接到标题

GitHub CLI (gh) 命令 链接到标题

实用技巧 链接到标题

比较差异 链接到标题

重写历史 链接到标题

清理仓库 链接到标题

MacBook 终端命令大全

鸿蒙开发app资源库

鸿蒙图标库 链接到标题

内置图标使用示例 链接到标题

传值方式 链接到标题

关于CupertinoNavigationBar图标对齐问题

uniappx开发app，获取验证码倒计时功能

uniappx开发app修改密码验证功能

macOS查询安卓和ios模拟器列表

macOS查询安卓和ios模拟器列表 链接到标题

Flutter中使用adaptive_dialog的方法

我已经长成你年轻时的模样

React 父子组件传值

1. 父组件向子组件传值（Props） 链接到标题

微信小程序获取用户位置

微信小程序云开发获取openid

MacBook终端使用vim命令

react 封装一个类函数使用方法

1.编写ProductCount函数 链接到标题

2.在代码文件中导入 ProductCount 类。 链接到标题

3. 在 React 组件中使用** 链接到标题

2022开头就是王炸

2023的第一场雪

DataTable开发导出Excel文档带背景颜色

flex布局里的属性

Flutter 3.0.5 使用BottomNavigationBar数量超过3个时底部导航显示为白色

flutter- ListTile leading加载本地图标

flutter-firebase-login登陆失败

flutter不设置appbar内容被状态栏遮住

flutter父子传值StatefulWidget和StatelessWidget的区别

Mac安装brew和yarn

miot-plugin-sdk 使用echart图表插件

1.安装 echart 链接到标题

2.引用 链接到标题

3.把option封装成函数 链接到标题

4.组件里调用 链接到标题

5.总结 链接到标题

miot-plugin-sdk-npminstall安装失败

node 安装多版本

November rain

python用pyinstaller打包exe,去掉黑窗口

test

vite配置

vite中无法使用require和@无法使用的问题

vue3+TS+Element-plus el-pagination分页组件显示中文

uniappx 开发app端页面背景渐变颜色链接到标题

Web 上用于获取用户设备当前位置的核心方法链接到标题

vben admin pro 框架的BasicTable之使用slots 插入组件

基础配置链接到标题

用户配置链接到标题

仓库操作链接到标题

初始化与克隆链接到标题

提交更改链接到标题

基础操作链接到标题

查看提交历史链接到标题

分支管理链接到标题

基础分支操作链接到标题

远程分支操作链接到标题

版本回滚与撤销链接到标题

撤销工作区更改链接到标题

回滚到特定版本链接到标题

恢复删除的分支链接到标题

远程同步链接到标题

推送与拉取链接到标题

高级操作链接到标题

储藏更改链接到标题

标签管理链接到标题

子模块链接到标题

GitHub CLI (gh) 命令链接到标题

实用技巧链接到标题

比较差异链接到标题

重写历史链接到标题

清理仓库链接到标题

鸿蒙图标库链接到标题

内置图标使用示例链接到标题

传值方式链接到标题

macOS查询安卓和ios模拟器列表链接到标题

1. 父组件向子组件传值（Props）链接到标题

1.编写ProductCount函数链接到标题

2.在代码文件中导入 `ProductCount` 类。链接到标题

2.引用链接到标题

3.把option封装成函数链接到标题

4.组件里调用链接到标题

5.总结链接到标题