统计某个文件夹中指定类型的文件的总体大小
find . -name "*.png" | xargs du -ck # KB
find . -name "*.png" | xargs du -cm # MB
让假 ASCII 字符的文件名现出原形
export LC_ALL=C
ls -al
# 例：
# a:а c:с d:ԁ e:е
# h:һ i:і j:ј k:κ l:ӏ
# n:ո o:оοօ p:р q:զ
# u:ս v:ѵ x:х y:у
# 格式：真:伪
检查线上 Vue 前端项目的发布日期
javascript:alert(document.lastModified);
根据 ...
自定义组件内部在 blur 和 change 后：
import emitter from 'element-ui/src/mixins/emitter';
let {
methods: { dispatch },
} = emitter;
methods: {
onChange () {
dispatch.call(this, 'ElFormItem', 'el.form.change', this.value);
},
onBlur () {
dispatch.call(this, 'ElFormItem', 'el.form.blur', this.value);
}
}
也可以自...
用到的软件
ddcctl、Karabiner-Elements.app
用法
RightCmd + \ --> 将副屏输入源切换为 VGA
RightOpt + \ --> 将副屏输入源切换为 HDMI
RightCmd + RightOpt + \ --> 将副屏输入源切换为 DP
changeExternalDisplayInputSource.json
~/.config/karabiner/assets/complex_modifications/
{
"title": "Change the external display input source",
"author": "win...
可以不使用 vite-plugin-mock 只引入 mockjs，但是只使用 mockjs 的话配置会繁琐；vite-plugin-mock 做了将 mockjs 集成到 vite 的工作。
package.json
yarn add -D mockjs vite-plugin-mock
.env
VITE_MOCK_ENABLED=true
vite.config.js
import { loadEnv, defineConfig } from 'vite';
import { viteMockServe } from 'vite-plugin-mock';
export default ({ mode }) => {
const ENV ...
用法
let status = true;
v-loading="status"
JS
const toggleLoading = (el, binding) => {
if (binding.value) {
let dom = `
<div class="el-loading-mask">
<div class="el-loading-spinner">
<svg viewBox="25 25 50 50" class="circular">
<circle cx="50" cy="50&qu...
官方文档在这里：https://vitejs.dev/config/
让 Vue 认出 html 原生的 marquee 标签
import { defineConfig } from 'vite';
import vue from '@vitejs/plugin-vue';
export default () => {
return defineConfig({
plugins: [
vue({
template: {
compilerOptions: {
isCustomElement: (tag) => ['marquee'].includes(tag), // vue...
安装
brew install nginx
配置文件：
/usr/local/etc/nginx/nginx.conf
用法：
brew services info nginx
brew services restart nginx
brew services start nginx
brew services stop nginx
安装日志：
Docroot is: /usr/local/var/www
The default port has been set in /usr/local/etc/nginx/nginx.conf to 8080 so that
nginx can run without sudo.
nginx will load all files in /usr/local/etc/ngin...
概要
yarn build 后自动生成并在 finder 中高亮 .tgz 压缩包，压缩包名含项目名称、生成日期、git commit id，并提示是否将生成的 dist 和 .tgz 删除。
压缩包名格式：《某可视化大屏_production_20230326214235_52905e7.tgz》
依赖：macOS，fish shell
用法
yb # 仅 yarn build，NODE_ENV=production
yb production # 仅 yarn build，NODE_ENV=production
yb development ...
提示：windows 平台需要在 git bash 中执行以下操作。
生成自动登录 ssh 的 key，这个 key 可以代替 ssh 密码，后边再使用 scp 复制文件时就不需要输入密码这步交互操作了
ssh-keygen
# 不需要输入信息，一路回车即可
将 ssh key 添加到服务器上
ssh-copy-id -i ~/.ssh/id_rsa.pub -p 22 root@106.13.232.33
# 按提示输入 admin 的密码
本地配置 ssh 主机（用“vueProjectHost”代替“root@106.13.232.33”）
# ~/.ssh/...
此脚本做了（假设提前选中了名为 projects 的目录）：
0. 弹出输入框（假设你输入了“项目目录”并点了确定按钮）
1. 将 projects 改名为 projects.localized
2. 创建 projects.localized/.localized/zh_CN.strings
3. 在 zh_CN.strings 中写入 "projects"="项目目录";
AppleScript 脚本代码：
on run {input, parameters}
-- 将目录名称本地化
tell application "Finder"
-- ...
功能效果：在 finder 中选中目录后再按快捷键可在当前目录中创建一个名为 newfile.md 的文本文件。
创建“创建空文本文件”的代码
打开“自动操作.app/Automator.app”，新建文稿类型“快速操作”，设置为:
工作流程收到当前【没有输入】位于【访达.app】
左侧“资源库-实用工具-运行AppleScript”拖到右侧，将代码替换为：
on run {input, parameters}
tell application "Finder"
make new file at (get inse...
引入 mxGraph
旧方法
yarn add mxgraph-js # 这个包里的 mxgraph 版本号为 3.6.0
import {
mxGraph,
mxUtils,
mxHierarchicalLayout,
mxCellOverlay,
mxEvent,
mxRubberband,
mxKeyHandler,
mxConstants,
mxImage,
} from 'mxgraph-js';
官方用法
yarn add mxgraph # mxgraph 版本号 4.2.2
import * as mxgraph from 'mxgraph';
const {
mxGraph,
mxUtils,
m...
在线考试题库
HB9CV 天线计算器
Moxon 天线计算器
APRS 密码计算器
