使用html5-qrcode 扫描二维码(vue3)
/* Your code... */<script>import { Html5Qrcode } from "html5-qrcode";export default {name: 'HelloWorld',props: {msg: String},mounted(){console.log('hello...');this.getCameras();},methods:{getCameras() {Html5Qrcode.getCameras().then((devices) => {/*** devices would be an array of objects of type:* { id: "id", label: "label" }*///alert(JSON.stringify(devices));if (devices && devices.length) {this.came...
es+filebeat+elastalert2实现异常邮件提醒
以下安装都使用docker-compose，docker及K8s安装原理一样ES安装：es: container_name: es image: docker.elastic.co/elasticsearch/elasticsearch:7.2.0 ports: - "9200:9200" environment: - node.name=es - http.host=0.0.0.0 - transport.host=127.0.0.1 - "ES_JAVA_OPTS=-Xms512m -Xmx512m" - bootstrap.memory_lock=true - discovery.type=single-node - xpack.security.enabled=true - xpack.security.http.ssl.enab...
h5吹气互动(利用recorderjs获取输入音量大小)
h5吹气互动原理是利用获取麦克风音量，用一段逻辑来判断。研究了半天~最开始用的是下面这种方法（在ios下失效）：<!doctype html><html style="font-size: calc((100vw / 375)*10)"><head> <meta charset="utf-8" ></meta> <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" /> <title>Disney Spring Web - voice！</title> <script src="./recorder.mp3.min.js">&...
vue3+vite3实现路由自动化
import {createRouter, createWebHashHistory} from 'vue-router'const modules = import.meta.glob('/src/pages/**/index.js');console.log(modules);const routes = [];let components = [];Object.keys(modules).forEach(key => { let component = modules[key]; components.push(component()); let name = key.split('pages/')[1].split('/')[0].toLowerCase(); let path = "/" + name; if (name === 'index') { path = "/"; } ...
vue获取节点的父节点、兄弟节点、子节点
<span @click="getClickInfo(event)"></span>getClickInfo: function (e) { let clickDom = e.currentTarget; // currentTarget 获取绑定点击事件的节点 let currentDom = e.target; // target 获取当前点击节点 let parent = clickDom.parentElement; // parentElement获取绑定事件节点的父节点 let previous = clickDom.previousElementSibling; // previousElementSibling获取绑定事件节点的前一个节点 let previousInner = previous.innerHTML; // 获取绑定...
linux使用docker-compose安装和破解confluence 8.0.2
创建confluence部署目录confluencecd / mkdir -p /data/confluence /data/mysql 安装MySQL 8.0confluence可以使用MySQL5.x、8.x，postgres等数据库，本次安装使用MySQL8.0.编写MySQL的docker-compose进入/data/mysql目录下，创建docker-compose-mysql.yml文件vi /data/mysql/docker-compose-mysql.ymlversion: '3.2'services: mysql: container_name: mysql environment: MYSQL_ROOT_PASSWORD: "mysql" image: "mysql:latest" restart: al...
Ant Design Vue 1.7.8 （vu2）自定义路由菜单图标
新建icon component:<template> <svg t="1681699879367" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2329" width="32" height="32" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M643.456 409.056c20.448-48.64 84.864-204.256 84.864-237.248l0-129.76-436.384 0 0 129.76c0 33.088 64 189.664 83.968 237.696-99.392 49.472-167.872 151.776-167.872 270.336 0 166.848 135.264 302.112 302.112 302.112s302.112-135.264 302.1...
Idea/webstorm/vscode使用cmder做为默认命令行工具
"cmd.exe" /k ""D:\progra~1\Cmder\vendor\init.bat""注：'D:\Program' 不是内部或外部命令，请使用 progra~1 代替 Program Files
TinyMCE工具栏配置详解
启用和停用工具栏通过init配置项toolbar和toolbar(n)来配置工具栏是否启用的项目和显示的顺序。同时，使用|来分割各个项。tinymce.init({ selector: '#textarea1', // change this value according to your HTML //启用工具栏并显示如下项 toolbar: 'undo redo | styleselect | bold italic | link image',})tinymce.init({ selector: '#textarea2', // change this value according to your HTML //禁用工具栏 toolbar: false,})/* 启用多个工具栏 */tinymce.init({...
部署k3s+KubeSphere
前言k3s是经CNCF一致性认证的Kubernetes发行版，专为物联网及边缘计算设计。KubeSphere 是在 Kubernetes 之上构建的面向云原生应用的分布式操作系统，完全开源，支持多云与多集群管理，提供全栈的 IT 自动化运维能力，简化企业的 DevOps 工作流。它的架构可以非常方便地使第三方应用与云原生生态组件进行即插即用 (plug-and-play) 的集成。作为全栈的多租户容器平台，KubeSphere 提供了运维友好的向导式操作界面，帮助企业快速构建一个强大和功能丰富的容器云平台。KubeSphere 为用户提供构建企业级 Kubernetes...