hooks 是 react 首先提出来的概念,通过 hooks,可以将组件之间的公共逻辑抽离出来.vue3 通过响应式 API 支持了 hooks 的用法. //hooks.js//设置 hooks 需要导出一个 函数,这个函数一般以`use` 打头import { ref } from 'vue'import { req } from "@/http/http"export const useDepartment = () => { //在函数中定义响应式对象 const deptList = ref([]); //定 ...
修改 docker 内部时区
之前在群辉docker 中部署了 awtrix 的服务端 ,但是时间显示不对,差了八个小时,查了一下发现 awtrix 不能自己修改时间,因此要修改 docker 容器内部的时间. 修改 docker 内部时区方法 11.在终端执行 date 命令 ,查看宿主机的时区是否正常 2.如果正确 执行 docker cp /etc/localtime 容器 ID:/etc/localtime 来将本地时间拷贝到 docker 内部 方法 21.如果宿主机内部时间本身有问题,可以直接修改宿主机时间,然后执行方法 1; 2.也可以直接修改 docker 内部时区: centOS: echo &qu ...
vue3 常见问题汇总
vue3 如何注册全局组件import { createApp } from 'vue'import App from './App.vue'const app = createApp(App)// 注册全局组件import SaveButton from '@/globalComponents/SaveButton'app.component('SaveButton', SaveButton)app.mount('#app') vue3 如何自定义全局指令import { createApp } from 'vue'import App from '. ...
消抖(dobounce)与节流(throttle)
消抖 在一个时间段内只能触发一次,如果在这个时间段内再次触发则重新计时.使用场景:用户 input 输入完成以后进行操作 let timeout: null | number = null;function debounce( fun: Function, wait: number = 500, immdiate: boolean = false): void { // 如果有计时器则清空 timeout !== null && clearTimeout(timeout); //立即触发 if (immdiate) { !timeout ...
部署 nginx docker
安装 docker nginx# 下载最新版 nginx docker 镜像docker pull nginx 配置文件准备创建需要的文件夹mkdir -p ~/docker-nginx/{conf,conf.d,log,html} conf 存放nginx缺省配置文件 conf.d 存放nginx 各个服务配置 log 存放log 配置文件 存放前端打包的发布文件 新增nginx 配置文件vi ~/docker-nginx/conf/nginx.conf user nginx;# 工作进程数 缺省为1; CPU核心数,(双核4线程,可以设置为4)worker_pr ...
如何自动生成和安装requirements.txt依赖
在查看别人的Python项目时,经常会看到一个requirements.txt文件,里面记录了当前程序的所有依赖包及其精确版本号。这个文件有点类似与Rails的Gemfile。其作用是用来在另一台PC上重新构建项目所需要的运行环境依赖。 requirements.txt可以通过pip命令自动生成和安装 生成requirements.txt文件 pip freeze > requirements.txt# orpip3 freeze > requirements.txt 安装requirements.txt依赖 pip install -r requirements.txt# ...
按需启用 vultr
目前 vultr 上最便宜的 vps 为 1c1g 价格 5 美元,使用https://github.com/justjavac/deno_vultr可以按需启动 vultr,在不用的时候关闭实例,这样可以进一步控制成本. 前置工作创建一台 vps 实例创建一台 vsp 实例,并部署好你需要的服务(ss/ssr/v2ray 等等),我之前创建 v2ray 的文章:https://h123.cf/2020/03/20/2020.03.12.v2ray+traffic_mask/. 创建这台 vps 的 snapshot,并记录下 snapshot id: 搭建服务克隆仓库 git clone ...
使用树莓派进行红外信号的接收&发射
通过树莓派的 gpio 接口接入红外接收器以及红外发射器,可以实现红外信号的接收和发射功能. 安装 lirc配置驱动使用 pinout 命令查看树莓派管脚: pi@raspberrypi:~ $ pinout,--------------------------------.| oooooooooooooooooooo J8 +====| 1ooooooooooooooooooo | USB| +====| Pi Model 3B V1.2 || +----+ ...
在群晖Docker中安装更好用的 Aria2 Web前端:AriaNg
0x01为什么不用迅雷而使用基于群辉中 docker 的 ariaNg+ aria2? 迅雷进行了非 vip 用户的限速 迅雷主动屏蔽了很多资源 可以充分利用 nas 的性能和带宽 Aria2 Aria2是一款自由、跨平台命令行界面的下载管理器,该软件根据GPLv2许可证进行分发。支持的下载协议有:HTTP、HTTPS、FTP、Bittorrent和Metalink。不同于Wget这样的的命令行界面下载器,Aria2不仅支持BitTorrent,还能够从各种来源多路检索所请求的文件。包括HTTP,HTTPS,FTP和BitTorrent协议。aria2使用Metalink数据块的校验和自动 ...
如何让群辉 NAS 的 Video Station 重新正确获取元数据
最近 Video Station 忽然无法获取视频的封面等元数据信息,致这个问题的原因是元数据刮削器目前无法在中国大陆正常使用,解决办法也很简单,修改 host 文件.同时我们需要获取 tmdb api 来从https://www.themoviedb.org/自动获取视频信息. 0x01 获取 tmdb api获取方法参照群辉官方给的教程: https://www.synology.com/zh-cn/knowledgebase/DSM/tutorial/Multimedia/How_to_apply_for_a_personal_API_key_to_get_video_info 如果 ...