事件的监听与处理 v-on指令(通常用@符合来代替)用来位DOM事件绑定监听 事件监听示例 关于DOM事件的绑定，简单的测试代码如下： 1234567891011121314151617181920212223242526272829303132<!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>事件绑定</title> <script src="https://unpkg.com/vue@3.2.4 ...
属性与方法基础 组件的数据都放在了data选项中，Vue组件的data选项是一个函数，组件在被创建时会调用此函数来构建响应性的数据系统。 属性基础 在Vue组件中定义的属性数据，我们可以直接使用组件来调用，这是因为Vue在组织数据时，任何定义的属性都会暴露在组件中。实际上，这些属性数据是存储在组件的$data对象中的，示例如下： 12345678910111213const App = { data(){ return{ conunt:111, } }}// 创建组件并获取组件实例let instance = Vue.createApp(App).mount("#Application")// 可以获取到组件中的data数据console.log(instance.conunt)// 可以获取到组件中的data数据console.log(instance.$data.conunt) 运行上面的代码，通过控制台可以看出，使用组件实例直接获取属性与使 ...
模板基础 对于普通的HTML稳定，若要在数据变化时对其进行页面更新，则需要通过JavaScript的DOM操作来获取指定的元素，在对其属性或内部文本进行修改，操作其来时十分繁琐且容易出错。如果使用Vue的模板语法，则会变得很简单，我们只需将要变化的值定义成变量，之后将变量插入HTML文档指定的位置即可。 模板插值 1234567891011121314151617181920212223242526272829303132<!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"& ...
渐进式开发框架 Vue定义为渐进式JavaScript框架，所谓渐进式，是指其被设计为可以自底向上逐层应用。可以使用Vue的框架提供的某层功能，也可以与其第三方库整合应用 第一个Vue应用 基于vue3.0 123456789101112131415161718192021222324252627282930313233343536373839<!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>Document</title ...
Linux
未读前言 提示：我用的是阿里云的产品，就以阿里云进行的： 申请SSL证书 阿里云SSL免费证书申请 1、登录到阿里云数字证书管理服务控制台 2、点击左侧栏的【SSL证书】–【免费证书】–【立即购买】，如下图： 3、产品选择【免费证书】，购买数量选择【20】，其他服务选择【不需要】，勾选同意协议，一共是0元，如下图： SSL证书绑定域名 1、在阿里云数字证书管理服务控制台 2、点击左侧栏的【SSL证书】–【免费证书】–【创建证书】点击【创建证书】后，会自动创建一个“待申请”状态的DigiCert 免费版 SSL 3、找到DigiCert 免费版SSL右侧的【证书申请】，如下图： 4、证书申请表单填写 证书绑定域名：输入你的域名 域名验证方式：如果你的域名在当前的阿里云账号下，那么可以选择自动DNS验证，如果域名不在当前账号下，选择手工DNS验证，当然也可以选择文件验证，根据实际情况选择 联系人：如果之前没有填写过，则需要新建联系人，输入联系人姓名、邮箱地址、手机号和身份证号等信息。申请OV、EV证书需要填写身份信息，免费证书是DV证书，可以不填身份证号码 可以使用阿里云测速工具 htt ...
Pushgateway 简介 Pushgateway 是 Prometheus 监控生态中的重要中间组件，主要用于以下场景： 使用场景 网络隔离场景：当监控目标与 Prometheus 服务器处于不同子网或存在防火墙限制时，通过 Push 模式解决无法直接 Pull 的问题 数据聚合需求：需要将多个分散节点的监控数据汇总后统一采集 自定义监控：当标准 Exporter 无法满足需求时，通过脚本/程序自定义指标采集 注意事项 单点故障风险：聚合多个节点数据后，Pushgateway 故障将影响所有关联监控 状态监控局限：Prometheus 只能监控 Pushgateway 本身状态，无法直接感知原始节点的存活状态 数据持久化：监控数据会持久存储在 Pushgateway 中，需定期清理过期数据 使用原则：建议仅用于短期任务或批处理作业监控，长期监控仍推荐使用 Exporter + Pull 模式 安装部署 推荐使用 Docker 快速部署： 12345678910# 部署在 192.168.56.102 pushgateway# 基础运行（数据易失）docker run -d ...
6bfaebf3e9f67b5202b8d6c1cdcd16f7b5ba01cd0c86fe46b43ae97bedd417e288afc40d7f596b2423648c2e8ab9de74b58c6ac4cbfc3f7a3ee12dd4c7e1ac1a65b97c655828aabdcb1c5b250f83873b1c2ccb722ebd11285d141338a84a44fbc576b8b33290186efffe3a87c44bb2ca694d351eeb92c8498b1d7c140fc8e1610157fa7ec0d3a02188349124667655a93e180f7e3bf0f2ad6fab3812ca4a62bac81135af33fa306f53e333554ba8f09ac989fcea29313243df56a2c29b9b06afc94e400bc0b9bb7e31840da3d2584fa96b8df3b69800c0ae20b701b7231797fe8bd348df321cf84aa4d098c2105a9d6f7277772e04a43a923 ...
Node_exporter部署脚本 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123#!/bin/bash# 按需修改# CentOS7增强版部署脚本 - 支持多架构/安全增强/智能检测# 全局配置set -euo pipefailVERSION="1.9.0"GREEN='\e[32m'RED='\e[31m'RESET='\e[0m'# 0. 系统检测echo -e "${GREEN}[INFO] 系统初始化 ...
环境准备 CentOS Linux release 7.9 Docker version 23.0.6 Docker Compose version v2.33.1 安装Docker 配置国内镜像加速（可选） 12345678910111213141516171819[ -d /etc/docker/ ] || mkdir -p /etc/docker/tee /etc/docker/daemon.json << 'EOF'{ "log-driver": "json-file", "log-opts": { "max-size": "100m", "max-file": "1" }, "registry-mirrors": [ "https://x9r52uz5.mirror.aliyu ...
概述 什么是普罗米修斯 普罗米修斯（Prometheus） 是一款开源的系统监控和报警工具包，专为可靠性而设计。它特别适用于对现代云环境或微服务架构中的动态服务进行监控。 特点 普罗米修斯的主要特点是: 支持多维数据模型由指标名称和键值对标识的时间序列数据 多维数据模型：通过指标名称和键值对来标识的时间序列数据。 内置TSDB：拥有自己的时间序列数据库，用于存储监控数据。 PromQL支持：一种强大的查询语言，可用于数据分析、图形展示以及监控告警。 自治节点：不依赖分布式存储，每个服务器节点都是独立工作的。 HTTP拉取模式：主要采用HTTP协议从目标端拉取监控数据。 Pushgateway：允许通过推送方式提交监控数据，适合短期或批量任务。 灵活的目标发现机制：可以通过服务发现或者静态配置两种方式来识别监控目标。 可视化与仪表盘：广泛兼容多种可视化工具，如Grafana等。 核心组件 Prometheus Server：负责抓取、存储时序数据，并提供查询接口和告警规则管理。 Client Libraries：帮助开发者在应用代码中集成监控功能。 Pushgateway：作为中介 ...
