来自分类 其他2025-04-15 10:37:03
```bash
cd ~
cat > docker.sh << 'EOF'
#!/bin/bash
# 下载docker包
# 根据架构适当修改, 详情见: https://mirrors.aliyun.com/docker-ce/linux/static/stable/
wget https://mirrors.aliyun.com/docker-ce/linux/static/stable/aarch64/docker-28.0.4.tgz
# 解压
tar zxf docker-28.0.4.tgz
# 移动解压后的文件夹到/usr/bin
mv docker/* /usr/bin
# 写入docker.service开始 ===>
cat > /usr/lib/systemd/system/docker.service << EOF_DOCKER_SERVICE
[Unit]
Description=Docker Application Container Engine
Documentation=https://docs.docker.com
After=networ...
来自分类 其他2025-04-15 10:31:48
```bash
# 查看磁盘
lsblk
# 输入类似内容
# nvme1n1 259:0 0 1.5T 0 disk
# nvme0n1 259:1 0 1.5T 0 disk
# nvme2n1 259:2 0 1.5T 0 disk
# 下面命令行中的`nvme0n1`为其中一块磁盘, 根据需要可修改
# 创建分区 (依次输入: n - 回车 - 回车 - 回车 - w)
fdisk /dev/nvme0n1
# 格式化分区
mkfs.ext4 /dev/nvme0n1
# 创建挂载目录
mkdir -p /data
# 临时挂载分区
mount /dev/nvme0n1 /data
# 设置开机自动挂载
UUID=$(blkid -s UUID -o value /dev/nvme0n1)
sh -c "echo 'UUID=$UUID /data ext4 defaults,nofail 0 2' >> /etc/fstab"
# 验证配置无误
mount -a
# 验证挂载
df -h /data
```
...
来自分类 React2025-01-16 10:27:34
一开始的思路是在列表页面, 利用`useEffect`钩子监听location, 在清除函数里获取滚动条的高度, 可惜获取时机好像不对, 一直获取的高度都是0, 通过打印`body`的`innterHTML`发现, 这时候路由已经开始渲染详情页了
然后开始尝试使用`addEventListener`监听`scroll`, 代码如下:
```ts
export function useSaveScroll(key: string) {
const location = useLocation()
const pathname = location.pathname
useEffect(() => {
const handleScroll = () => {
ls.set(`scroll_path_${pathname}`, window.scrollY)
}
const scrollY = ls.get(`scroll_path_${pathname}`) || 0
wi...
来自分类 前端2024-12-10 11:53:43
@[toc]
## nodejs
===框架===
https://github.com/expressjs/express `快速、无约束、极简的node web框架` [[文档]](https://expressjs.com/)
https://github.com/koajs/koa `使用 ES2017 异步函数为 node.js 提供表现力的中间件` [[文档]](https://koajs.com/)
===其他===
https://github.com/cheeriojs/cheerio `为服务器特别定制的，快速、灵活、实施的jQuery核心实现` [[文档]](https://github.com/cheeriojs/cheerio/wiki/Chinese-README)
https://github.com/node-schedule/node-schedule `定时任务`
https://github.com/paulmillr/chokidar `最小和高效的跨平台文件监视库`
https://github.com/shelljs/shelljs `...
来自分类 Vue2024-10-29 16:46:20
### 1. 新建一个 js/ts 文件, 定义好常量
```ts
// design.config.ts
/** 设计稿宽度, 此处最好就是按 1920 来计算, 避免 element-ui 之类 UI 框架出现字体不对 */
export const designWidth = 1920
/** 设计稿宽度, 此处最好就是按 1920 来计算, 避免 element-ui 之类 UI 框架出现字体不对 */
export const designHeight = 1080
/** 设计稿倍数 */
export const designMultiple = designWidth / 1920
/** 兼容最小宽度 */
export const minWidth = 1440
/** 兼容最小宽度(px) */
export const minWindow = `${minWidth}Px`
/** 为什么设置 100? 设置成便于计算, 计算rem时只需要将 设计稿的宽度 / 100 即可 */
export const fontSize = 100
```
### 2. ...
来自分类 前端2024-10-24 16:20:37
JSDelivr 是由 @Cloudflare 提供的免费开源公共 CDN。针对 npm 和 GitHub 的 JS 和 ESM 交付进行了优化。适用于所有 Web 格式。
官网地址是: https://www.jsdelivr.com/
可以用`https://cdn.jsdelivr.net/npm/package@version/file`来访问 npm 上的文件, 如:
https://cdn.jsdelivr.net/npm/jquery@3.6.4/dist/jquery.min.js
可以用`https://cdn.jsdelivr.net/gh/user/repo@version/file`来访问 github 上的文件, 如:
https://cdn.jsdelivr.net/gh/jquery/jquery@3.6.4/dist/jquery.min.js
但是官方提供的CDN地址`cdn.jsdelivr.net`, 国内是基本打开的, 所以就需要找其他节点来替代
|节点|描述|地区|延迟|超时率|
|-|-|-|-|-|
|jsd.onmicrosof...
来自分类 NodeJS2024-02-01 12:46:37
随着越来越多的工具不再支持 Nodejs 16, 是时候将服务器的 Nodejs 版本升级到18了, 服务器本来就安装了`nvm`, 所以升级也很简单, 直接
```bash
nvm install v18.18.2
nvm use 18
```
就行了, 可是已运行`node -v`, 漂亮, 直接报错
```
node: /lib64/libm.so.6: version `GLIBC_2.27' not found (required by node)
node: /lib64/libc.so.6: version `GLIBC_2.25' not found (required by node)
node: /lib64/libc.so.6: version `GLIBC_2.28' not found (required by node)
node: /lib64/libstdc++.so.6: version `CXXABI_1.3.9' not found (required by node)
node: /lib64/libstdc++.so.6: version ...
来自分类 NodeJS2024-01-24 15:37:38
### 错误信息
win10系统, nodejs v12.22, 安装`node-sass`报`Could not find any Visual Studio installation to use!`错误,
具体错误信息如下:
### 解决方法1
1. 以管理员方式打开`CMD`
2. 执行以下命令:
```bash
npm install --g --production windows-build-tools
```
3. 如果中途卡在`Successfully installed Python 2.7`, 解决方案如下:
按`win+r`打开运行, 输入`%temp%`, 在打开的资源管理器界面, 新建文件`dd_client_.log`, 打开`dd_client_.log`文件, 并输入`Closing installer. Return code: 3010.`, 保存文件, 最后重新执行步骤2即可...
来自分类 Vue2024-01-19 22:36:30
有时候做一个简单的活动页, 使用构建工具显得太大材小用, 或者这个页面需要嵌入后端代码, 这时候我们就可以直接在html文件或者后端模板里写vue代码
直接写在html文件里:
```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Vue Demo</title>
</head>
<body>
<div id="app">
<div>Your name: {{ data.name }}</div>
<div>Your pass: {{ data.pass }}</div>
...
来自分类 Vue2024-01-19 22:36:14
### 1. 在浏览器开发工具中打开控制台
Windows 或 Linux ：Ctrl+Shift+J
苹果机：Cmd+Option+J
### 2. 访问Vue应用程序实例
在控制台输入:
```ts
const app = Array.from(document.querySelectorAll('*')).find((e) => e.__vue_app__).__vue_app__
```
app变量将会得一个Vue实例的引用
我们现在可以将应用程序版本存储在一个名为的新变量中version：
```ts
const version = app.version
```
### 3. 访问 Vue Devtools 实例
我们需要访问 Vue Devtools 实例，可通过以下方式访问`window.__VUE_DEVTOOLS_GLOBAL_HOOK__`, 将其存储在一个名为`devtools`的变量中...
