引入 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 密码计算器
用法
this.$dialog.show({
title: "Dialog",
width: "50%",
data: { name: "name", age: 18 }, // 非编辑时此项可省略
option: {
confirmText: "保存", // 可省
columns: [
{
label: "姓名",
prop: "name",
rules: [
{
required: true,
message: "请输入姓...
安装
安装 fish shell 的插件管理器 fisher
curl -sL https://git.io/fisher | source && fisher install jorgebucaran/fisher
用 fisher 安装 nvm
fisher install jorgebucaran/nvm.fish
配置 nvm 的默认 node 版本和启用的全局包
# ~/.config/fish/config.fish
# yarn 和 np 都是包管理工具，可以选其一
set --universal nvm_default_version v19.6.0
set --universal nvm_default_packages yarn np
...
import { fileURLToPath, URL } from 'node:url';
import copy from 'rollup-plugin-copy';
import { defineConfig } from 'vite';
import vue from '@vitejs/plugin-vue';
import { createHtmlPlugin } from 'vite-plugin-html';
// https://vitejs.dev/config/
export default defineConfig({
// server: {
// proxy: {
// '/my-report/ass...
package.json
{
"scripts": {
"serve": "node http-server.js",
},
"devDependencies": {
"chalk": "^4.1.2",
"connect": "^3.7.0",
"http": "^0.0.1-security",
"st": "^2.0.0"
}
}
http-server.js
var connect = require("connect");
var...
{
type: 'module', // module / commonjs
}
type 字段的产生用于定义 package.json 文件和该文件所在目录根目录中 .js 文件和无拓展名文件的处理方式。值为 moduel 则当作 ES6 模块处理；值为 commonjs 则被当作 commonJs 模块处理，无 type 则为认为是 CommonJS
.mjs 后缀名的文件总是被当作 ES6 模块，.cjs 后缀名的文件总是被当成 CommonJS 模块
<template>
<div id="app">
<router-view />
</div>
</template>
<script>
export default {
data() {
return {
waterMarkConfig: {
width: 340,
height: 240,
content: '这里是水印内容，可以是 git commit id 或 process.env.NODE_ENV',
font: '14px PingFang SC, sans-serif',
...
yum install ImageMagick
反转
convert -flop reverse.jpg reversed.jpg # 水平反转
convert -flip reverse.jpg reversed.jpg # 垂直反转
convert -flip reverse.gif reversed.gif # 垂直反转 GIF 动图
批量缩小 gif （支持缩小动图）
# 仅处理宽度大于 200 的 .gif
find . -type f -name "*.gif" | while read line; echo $line; convert -resize '200>' $line $line; end
批量生成缩略...
启用防火墙
systemctl start firewalld
firewall-cmd --add-service=http --permanent
firewall-cmd --add-service=https --permanent
firewall-cmd --remove-port=3306/tcp --permanent
firewall-cmd --reload
启用交换空间 swap 分区
dd if=/dev/zero of=/swapfile bs=1024k count=8192
mkswap /swapfile
swapon /swapfile
echo "/swapfile swap swap defaults 0 0" >> /etc/fstab
软件源
...
安装Download URL Rewrite Module 2.1
/web.config
<?xml version="1.0" encoding="UTF-8"?>
<configuration>
<system.webServer>
<rewrite>
<rules>
<rule name="http2https" stopProcessing="true">
<match url="(.*)" />
<conditions>
<add input=&q...
不推荐使用本文的方法，建议使用 props 和 emit
方法来自：stackoverflow.com/questions/55316490，在用这个方法前可以先试试 this.$refs[‘子组件’].doSth()，比下文的方法简单。
子组件
export default {
methods: {
doSth() {
console.log('子组件的 doSth 方法');
},
},
mounted() {
let self = this;
self.$emit('callback', {
doSth: () =&...
