当前位置: 首页 > news >正文

原生微信小程序,canvas生成凭证,保存到手机

原生微信小程序通过canvas可以将表单( 文本、图片 )转化成图片,同时添加水印,生成凭证,这里只是基本功能实现。可以继续完善和扩展。

<view class="container"><!-- Canvas 组件 --><canvas type="2d" id="myCanvas" style="width: {{canvasWidth}}px;height: {{canvasHeight}}px;"></canvas><!-- 保存按钮 --><button bindtap="saveImage">保存图片到手机</button>
</view>
Page({data: {canvasWidth: 300,canvasHeight: 0,fields: {schemeType: "方案类型:普通保险",mainInsurance: "主险金额:100,000元",medicalInsurance: "附加医疗险:20,000元",employerInsurance: "附加补充雇主险:50,000元",thirdPartyInsurance: "附加第三者财产险:30,000元",imgs: ['https://cdn.bellmesse.com/upload/images/article/20241031/17303356875926158.jpg', // 示例图片1'https://cdn.bellmesse.com/upload/images/article/20241031/17303356875926158.jpg', // 示例图片2'https://cdn.bellmesse.com/upload/images/article/20241031/17303356875926158.jpg', // 示例图片3],},watermarkText: "2025-4-24 xx保险公司 xx",},onReady() {this.init();},async init() {let {canvas,ctx} = await this.initCanvas();let paddingTop = 30; // 顶部预留空间let titleHeight = 30; // 标题高度let oneFieldHeight = 30; // 单字段高度// 总高度let totalHeight = paddingTop + titleHeight + Object.keys(this.data.fields).length * oneFieldHeight;// 减去imgif (this.data.fields.imgs) {totalHeight -= oneFieldHeight;}// 计算图片的缩放比例和高度let images = await this.initImg(canvas, this.data.fields.imgs);if (images.length) {images = images.map(image => {const originalWidth = image.width;const originalHeight = image.height;const newHeight = (this.data.canvasWidth / originalWidth) * originalHeight;let result = {imageSource: image,x: 0,y: totalHeight,width: this.data.canvasWidth,height: newHeight}totalHeight = totalHeight + newHeight + 16;return result;})}// 设置 Canvas 尺寸this.setData({canvasHeight: totalHeight})const dpr = wx.getSystemInfoSync().pixelRatio;canvas.width = this.data.canvasWidth * dpr;canvas.height = totalHeight * dpr;ctx.scale(dpr, dpr);// 设置背景颜色ctx.fillStyle = '#ffffff';ctx.fillRect(0, 0, canvas.width, canvas.height);// 绘制标题ctx.font = '16px sans-serif';ctx.fillStyle = '#333333';ctx.fillText("保险凭证", 10, titleHeight);// 绘制字段let keyIndex = 0;for (const key in this.data.fields) {if (key !== 'imgs') {ctx.font = '14px sans-serif';ctx.fillStyle = '#666666';ctx.fillText(this.data.fields[key], 10, (keyIndex * oneFieldHeight + titleHeight + paddingTop));keyIndex += 1;}}// 渲染图片images.forEach(image => {ctx.drawImage(image.imageSource, image.x, image.y, image.width, image.height);})// 渲染水印this.addEnhancedWatermark(ctx, canvas.width, canvas.height, this.data.watermarkText);},// 获取canvas对象initCanvas() {return new Promise((resolve, reject) => {const query = wx.createSelectorQuery();query.select('#myCanvas').fields({node: true,size: true}).exec((res) => {const canvas = res[0].node;const ctx = canvas.getContext('2d');if (res[0].node) {resolve({canvas,ctx})} else {reject()}})})},// 加载图片initImg(canvas, imgs) {if (!canvas) {wx.showToast({title: '未找到canvas',icon: 'none'})return;}const imgPromises = imgs.map((imgUrl) =>new Promise((resolve, reject) => {const image = canvas.createImage();image.onload = () => resolve(image);image.onerror = reject;image.src = imgUrl; // 设置图片路径}));return Promise.all(imgPromises);},addEnhancedWatermark(ctx, canvasWidth, canvasHeight, watermarkText) {ctx.save();// 水印样式设置ctx.font = '16px sans-serif';ctx.fillStyle = 'rgba(200, 200, 200, 0.5)'; // 更浅的透明度ctx.textAlign = 'center';ctx.textBaseline = 'middle';ctx.rotate(-20 * Math.PI / 180); // 保持倾斜// 水印间距参数const watermarkWidth = 280;const watermarkHeight = 60;const horizontalOffset = watermarkWidth * 0.5; // 水平交错偏移量(半格)// 计算需要绘制的水印行数和列数(扩大范围确保覆盖整个Canvas)const cols = Math.ceil(canvasWidth / watermarkWidth) + 2;const rows = Math.ceil(canvasHeight / watermarkHeight) + 2;// 绘制交错水印for (let i = -1; i < rows; i++) {for (let j = -1; j < cols; j++) {// 关键修改:奇数行水平偏移半格const xOffset = (i % 2 === 0) ? 0 : horizontalOffset;const x = j * watermarkWidth + xOffset;const y = i * watermarkHeight;ctx.fillText(watermarkText, x, y);// 可选:添加随机微调(更自然的效果)// const randomOffsetX = (Math.random() - 0.5) * 10;// const randomOffsetY = (Math.random() - 0.5) * 10;// ctx.fillText(watermarkText, x + randomOffsetX, y + randomOffsetY);}}ctx.restore();},// 保存图片到手机saveImage() {const query = wx.createSelectorQuery();query.select('#myCanvas').fields({node: true,size: true}).exec((res) => {const canvas = res[0].node;// 导出 Canvas 为临时文件wx.canvasToTempFilePath({canvas,success: (res) => {const tempFilePath = res.tempFilePath;// 保存图片到相册wx.saveImageToPhotosAlbum({filePath: tempFilePath,success: () => {wx.showToast({title: '保存成功',icon: 'success',});},fail: () => {wx.showToast({title: '保存失败',icon: 'none',});},});},fail: () => {wx.showToast({title: '生成图片失败',icon: 'none',});},});});},
});
.container {display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 20px;
}button {margin-top: 20px;padding: 10px 20px;background-color: #007bff;color: white;border: none;border-radius: 5px;
}

相关文章:

原生微信小程序,canvas生成凭证,保存到手机

原生微信小程序通过canvas可以将表单( 文本、图片 )转化成图片&#xff0c;同时添加水印&#xff0c;生成凭证&#xff0c;这里只是基本功能实现。可以继续完善和扩展。 <view class"container"><!-- Canvas 组件 --><canvas type"2d" id&…...

如何轻松将 Python 英文版切换至中文界面

Python 是一种广泛使用的编程语言&#xff0c;尤其在数据科学、人工智能和网络开发等领域。在最近的 Python 版本中&#xff0c;用户可以方便地使用多种语言&#xff0c;这也包括将 Python 界面语言从英文切换至中文。这不仅是出于用户体验的考虑&#xff0c;也能帮助初学者更快…...

2025.04.24【3D】3D绘图入门指南

Nifty graph A contribution by Matt Asher. 3D animation A 3D animated scatterplot made with R and rgl. 文章目录 Nifty graph3D animation 2025.04.24【3D】| 3D绘图入门指南什么是3D绘图&#xff1f;为什么使用3D绘图&#xff1f;如何在R中进行3D绘图&#xff1f;安装…...

R-CNN,Fast-R-CNN-Faster-R-CNN个人笔记

注&#xff1a;此博客主要为了方便笔者快速复习&#xff0c;只讲大致框架&#xff0c;只讲推理&#xff0c;不讲训练&#xff0c;因此内容不会很详实。 1.R-CNN R-CNN系列的开山之作。 本文将该框架划分为3个模块&#xff1a; 1.region proposal generator 2.CNN&#xff08…...

【深度学习核心技术解析】从理论到实践的全链路指南

目录 前言技术背景与价值当前技术痛点解决方案概述目标读者说明 一、技术原理剖析核心概念图解核心作用讲解关键技术模块说明技术选型对比 二、实战演示环境配置要求核心代码实现&#xff08;MNIST分类&#xff09;运行结果验证 三、性能对比测试方法论量化数据对比结果分析 四…...

【QT网络】构建简单Udp回显服务器

&#x1f4e2;博客主页&#xff1a;https://blog.csdn.net/2301_779549673 &#x1f4e2;博客仓库&#xff1a;https://gitee.com/JohnKingW/linux_test/tree/master/lesson &#x1f4e2;欢迎点赞 &#x1f44d; 收藏 ⭐留言 &#x1f4dd; 如有错误敬请指正&#xff01; &…...

浅谈国产数据库多租户方案:提升云计算与SaaS的资源管理效率

近年来&#xff0c;“数据库多租户”这一概念在技术圈内频频出现&#xff0c;成为云计算和SaaS&#xff08;软件即服务&#xff09;架构中的重要组成部分。多租户架构不仅为企业提供了高效的资源隔离与共享解决方案&#xff0c;还能大幅降低成本&#xff0c;提高系统的可扩展性…...

【霍夫变换】图像处理(OpenCV)-part11

20 霍夫变换 20.1 理解霍夫变换 霍夫变换的基本思想是将图像空间中的几何元素&#xff08;如直线、圆等&#xff09;通过参数方程转换到参数空间中&#xff0c;形成一个参数空间的累加器数组。图像空间中的每个点在参数空间中对应一个曲线或曲面&#xff0c;而几何形状在图像…...

Flink 源码编译

打包命令 打包整个项目 mvn clean package -DskipTests -Drat.skiptrue打包单个模块 mvn clean package -DskipTests -Drat.skiptrue -pl flink-dist如果该模块依赖其他模块&#xff0c;可能需要先将其他模块 install 到本地&#xff0c;如果依赖的模块的源代码有修改&#…...

React19源码阅读之commitRoot

commitRoot入口 在finishConcurrentRender函数&#xff0c;commitRootWhenReady函数&#xff0c;commitRoot函数。 commitRoot流程图 commitRoot函数 commitRoot 函数是 React 渲染流程中用于提交根节点的关键函数。它的主要作用是设置相关的优先级和状态&#xff0c;然后调…...

单 例 模 式

设计模式&#xff08;Design Pattern&#xff09;说白了就是一套方法论&#xff0c;是我们的前辈们不断试错总结出来的。一般意义上的设计模式有23种&#xff0c;分为创建型、结构型、行为型三大类。今天先拿最简单的单例模式开刀吧。 六大原则 在正式进入设计模式的学习之前&…...

如何在 Postman 中,自动获取 Token 并将其赋值到环境变量

在 Postman 中&#xff0c;你可以通过 预请求脚本&#xff08;Pre-request Script&#xff09; 和 测试脚本&#xff08;Tests&#xff09; 实现自动获取 Token 并将其赋值到环境变量&#xff0c;下面是完整的操作步骤&#xff1a; ✅ 一、创建获取 Token 的请求 通常这个请求…...

CentOS 7 基于 Nginx 的 HTML 部署全流程指南

一、Nginx 安装&#xff08;两种主流方式&#xff09; 1. YUM 安装&#xff08;推荐新手&#xff09; # 安装 EPEL 扩展源&#xff08;部分系统需要&#xff09; yum install epel-release -y# 安装 Nginx yum install nginx -y# 启动并设置开机自启 systemctl start nginx s…...

spring-ai使用Document存储至milvus的数据结构

1、 spring:application:name: spring-ai-alibaba-rag-milvus-exampleai:dashscope:api-key: sk-xxxxxxoooooovectorstore:milvus:client:host: xxx.ooo.mmm.nnnport: 19530username: rootpassword: MilvusdatabaseName: defaultcollectionName: vector_store#初始化 collecti…...

Milvus(6):Collection 管理分区、管理别名

1 管理分区 分区是一个 Collection 的子集。每个分区与其父集合共享相同的数据结构&#xff0c;但只包含集合中的一个数据子集。本页将帮助你了解如何管理分区。 1.1 分区概述 创建一个 Collection 时&#xff0c;Milvus 也会在该 Collection 中创建一个名为_default 的分区。…...

关于Safari浏览器在ios<16.3版本不支持正则表达式零宽断言的解决办法

异常原因 今天在升级Dify版本的时候发现低版本的ios手机出现了以下报错&#xff1a; SyntaxError: Invalid regular expression: invalid group specifier nameError: Invalid regular expression: invalid group specifier name Call Stack 46 eval [native code] (0:0) ./n…...

设计模式--建造者模式详解

建造者模式 建造者模式也属于创建型模式&#xff0c;它提供了一种创建对象的最佳方式 定义&#xff1a;将一个复杂对象的构建和它的表示分离&#xff0c;使得同样的构建过程可以创建不同的表示&#xff08;假设有不同的建造者实现类&#xff0c;可以产生不同的产品&#xff09…...

玩转Docker | Docker部署LMS轻量级音乐工具

玩转Docker | Docker部署LMS轻量级音乐工具 前言一、LMS介绍LMS简介主要特点二、系统要求环境要求环境检查Docker版本检查检查操作系统版本三、部署LMS服务下载镜像创建容器创建容器检查容器状态检查服务端口安全设置四、访问LMS服务访问LMS首页注册账号五、基本使用上传音乐文…...

【前端】【业务场景】【面试】在前端项目中,当涉及大量数据渲染时,如何提高渲染性能并避免页面卡顿?

大量数据渲染性能优化&#xff1a;四层进阶法 循序渐进&#xff1a;先限量 → 再懒渲 → 后分批 → 终极后台协作 1 虚拟滚动&#xff1a;一次只保留“看得见”的节点 核心思路&#xff1a;固定容器高度&#xff0c;让滚动条滚动 假象 的总长度&#xff1b;可视窗口内…...

数据结构与算法实战:从理论到落地的深度探索

放在前面咯 数据结构与算法实战&#xff1a;从理论到落地的深度探索 数据结构与算法实战&#xff1a;从理论到落地的深度探索 在计算机科学的浩瀚宇宙中&#xff0c;数据结构与算法犹如璀璨星辰&#xff0c;指引着高效程序设计的方向。它们不仅是开发者解决复杂问题的核心利…...

大文件上传Demo及面试要点

大文件上传功能实现原理 - 面试解析 在面试中解释大文件上传功能的实现原理时&#xff0c;可以从以下几个方面进行说明&#xff1a; 1. 分片上传 (Chunked Upload) 实现原理 &#xff1a; 前端将大文件分割为固定大小(如5MB)的多个分片(Chunk)每个分片独立上传&#xff0c;…...

安宝特案例 | 物流仓储头部企业应用AR+作业流,规范日常安全点检,保障消防安全

安全点检管理的真实性缺失将会造成极大损失。 仓储物流行业有仓库面积大、货物堆放密集、包装材料易燃、整体货值高的特点&#xff0c;且造成火灾的隐患包括建筑结构隐患、消防设置失效、货物存放与操作隐患、电气系统问题、人为因素等&#xff0c;因此安全管理被放在重要位置…...

关于 xpath 查找 XML 元素的一点总结

测试环境 Win7 64 python 3.4.0 实践出真知 代码如下&#xff0c;更换不同的 xpath&#xff0c;和 response_to_check 进行测试 实验 1 xpath ".//xmlns:return//xmlns:copeWith" response_to_check \ <soap:Envelope xmlns"http://www.examp.com…...

JavaScript学习教程,从入门到精通,XMLHttpRequest 与 Ajax 请求详解(25)

XMLHttpRequest 与 Ajax 请求详解 一、XMLHttpRequest 概述 XMLHttpRequest (XHR) 是一个 JavaScript API&#xff0c;用于在浏览器和服务器之间传输数据&#xff0c;而无需刷新页面。它是实现 Ajax (Asynchronous JavaScript and XML) 技术的核心。 主要特点&#xff1a; …...

HTML、XHTML 和 XML区别

HTML、XHTML 和 XML 这三兄弟的区别 HTML: 老大哥&#xff0c;负责网页长啥样&#xff0c;性格比较随和&#xff0c;有点小错误也能容忍。XHTML: 二哥&#xff0c;看着像 HTML&#xff0c;但规矩严&#xff0c;是按 XML 的规矩来的 HTML&#xff0c;更规范。XML: 小弟&#xf…...

形象解释 HTTP 的四种常见请求方式及其中的区别联系

HTTP 的常见请求方式常见的有四种&#xff1a;GET、POST、PUT、DELETE&#xff0c;它们各自的功能不一样。 &#x1f35c; 场景比喻&#xff1a;HTTP 请求像“去餐厅点菜” 请求方式行为餐厅比喻说明GET获取数据看菜单/问服务员&#xff1a;你们有什么菜&#xff1f;不带食材、…...

微信小程序根据图片生成背景颜色有效果图

效果图 取得是图片中间10个像素算出背景颜色 .wxml <canvas type"2d" id"imageCanvas" style"--w: {{w}}px;--h: {{h}}px;" /> <view style"background: {{backgroundColor}};"><image bind:tap"updateIndex&qu…...

实时步数统计系统 kafka + spark +redis

基于微服务架构设计并实现了一个实时步数统计系统&#xff0c;采用生产者-消费者模式&#xff0c;利用Kafka实现消息队列&#xff0c;Spark Streaming处理实时数据流&#xff0c;Redis提供高性能数据存储&#xff0c;实现了一个高并发、低延迟的数据处理系统&#xff0c;支持多…...

使用 Docker 安装 SQL Server 2022 并解决 Navicat 连接问题

在使用 Docker 安装 SQL Server 时&#xff0c;很多人可能遇到过无法通过 Navicat 等数据库客户端连接到容器的情况。尤其是尝试使用 mcr.microsoft.com/mssql/server:2022-latest 镜像时&#xff0c;可能会发现 Navicat一直转圈&#xff0c;无法连接到数据库。在这篇博客中&am…...

使用 Node、Express 和 MongoDB 构建一个项目工程

本文将详细介绍如何使用 Node.js Express MongoDB 构建一个完整的 RESTful API 后端项目&#xff0c;涵盖&#xff1a; 项目初始化 Express 服务器搭建 MongoDB 数据库连接 REST API 设计&#xff08;CRUD 操作&#xff09; 错误处理与中间件 源码结构与完整代码 部署建…...

基本元器件电阻、电容、电感的高频知识和大厂真题解析

本文首先举例分析各个方向的工程师如何定制化准备硬件岗位面试,各个击破; 然后根据实战经验总结硬件领域中电阻电容电感等的主要笔试、面试高频考题考点; 最后,列出最新最全的基本元器件笔试面试的真题和模拟题,供大家参考。 本专栏预计更新50期左右。当前第3期 一、硬件…...

Unity InputSystem触摸屏问题

最近把Unity打包后的windows软件放到windows触摸屏一体机上测试&#xff0c;发现部分屏幕触摸点击不了按钮&#xff0c;测试了其他应用程序都正常。 这个一体机是这样的&#xff0c;一个电脑机箱&#xff0c;外接一个可以触摸的显示屏&#xff0c;然后UGUI的按钮就间歇性点不了…...

分布式微服务架构,数据库连接池设计策略

在分布式微服务架构中&#xff0c;数据库连接池的设计远比单体应用复杂&#xff0c;涉及资源隔离、连接管理、性能调优和高可用等问题。下面是面向专业软件架构师的系统化分析与策略建议&#xff1a; 一、核心挑战 每个服务独立运行&#xff0c;连接池分散 每个微服务维护自己的…...

差分信号抗噪声原理:

差分信号抗噪声原理&#xff1a; 差分信号除了能很好地解决发送和接收参考点电位不同的问题外&#xff0c;差分信号的另一个重要优势就是在一定条件下其抗干扰能力比单端信号更强。对于单端信号传输&#xff0c;外界对它的干扰噪声直接叠加在信号上&#xff0c;接收端直接检测输…...

【数据分析】酵母实验多指标数据的 R 语言分析与可视化

禁止商业或二改转载,仅供自学使用,侵权必究,如需截取部分内容请后台联系作者! 文章目录 介绍加载必要的R包数据下载定义函数发育分析(development analysis)数据导入与预处理数据子集创建绘图模型分析两两比较生存分析(survival analysis)数据导入与预处理数据子集创建绘…...

AI | 最近比较火的几个生成式对话 AI

关注&#xff1a;CodingTechWork 引言 生成式对话 AI 正在迅速改变我们与机器交互的方式&#xff0c;从智能助手到内容创作&#xff0c;其应用范围广泛且深远。本文将深入探讨几款当前热门的生成式对话 AI 模型&#xff0c;包括 Kimi、DeepSeek、ChatGPT、文心一言、通义千问和…...

将视频生成视频二维码步骤

如何将视频链接生成二维码 生成与视频关联的二维码通常涉及以下几个方面&#xff1a;选择合适的库或工具、准备视频链接以及将其转换为二维码图像。以下是详细的说明&#xff1a; 使用JavaScript/Vue框架生成二维码 在前端开发中&#xff0c;可以使用 qrcode 或者 vue-qrcod…...

以安科瑞 EMS3.0 为依托,打造网荷储充一体化典范

在“双碳”目标与能源革命的浪潮中&#xff0c;安科瑞电气股份有限公司推出的EMS3.0微电网智慧能源平台&#xff0c;以“源-网-荷-储-充”全链路协同为核心&#xff0c;通过物联网、大数据与AI技术的深度融合&#xff0c;为企业提供了一套智能化、高效化、低碳化的能源管理解决…...

堆和二叉树--数据结构初阶(3)(C/C++)

文章目录 前言理论部分堆的模拟实现:(这里举的大根堆)堆的创建二叉树的遍历二叉树的一些其他功能实现 作业部分 前言 这期的话讲解的是堆和二叉树的理论部分和习题部分 理论部分 二叉树的几个性质:1.对于任意一个二叉树&#xff0c;度为0的节点比度为2的节点多一个 2.对于完全…...

CLIP和SimCLR集成到图像-文本检索系统技术实现步骤和部署方案(代码版)

将 CLIP(多模态对比学习)和 SimCLR(单模态对比学习)集成到 图像-文本检索系统(如搜索引擎、电子商务平台)的技术实现步骤和部署方案,结合代码示例与工程化思路: ### 一、技术实现核心步骤 1. 环境搭建与依赖安装 # 安装 PyTorch(支持 GPU 加速) pip install torch…...

R/G-B/G色温坐标系下对横纵坐标取对数的优势

有些白平衡色温坐标系会分别对横纵坐标取对数运算。 这样做有什么优势呢? 我们知道对数函数对0-1之间的因变量值具有扩展作用。即自变量x变化比较小时,经过对数函数作用后可以把因变量扩展到较大范围内,即x变化较小时,y变化较大,增加了识别数据的识别性。 由于Raw数据中的…...

Java开发工具IntelliJ IDEA v2025.1——全面支持Java 24、整合AI

IntelliJ IDEA 是由 JetBrains 开发的智能 Java IDE&#xff0c;提供代码自动补全、重构工具、框架集成&#xff08;Spring/JPA 等&#xff09;、数据库工具和调试支持&#xff0c;通过深度代码分析与跨语言功能优化企业级开发流程&#xff0c;被广泛认可为专业 Java 开发者的高…...

IDEA启动报错Failed to create JVM. JVM path的解决办法

今天修改了 IntelliJ IDEA 2023.1 的配置文件 idea64.exe.vmoptions 后启动报错&#xff1a; if you already hava a JDK installed, define a JAVA_HOME variable in Computer > Systen Properties > System Settings > Environment Variables.Failed to create JV…...

R语言中的常用内置函数

常用的数值函数 常用的字符函数 与概率分布相关的函数 有用的统计函数 数据来源:《数据挖掘与数据分析&#xff1a;基于R语言》王阳 2024年1月出版...

docker容器监控自动恢复

关于实现对docker容器监控以及自动恢复&#xff0c;这里介绍两种实现方案。 方案1&#xff1a; 实现思路&#xff1a; 找到&#xff08;根据正则表达式&#xff09;所有待监控的docker容器&#xff0c;此处筛选逻辑根据docker运行状态找到已停止&#xff08;Exit&#xff09;类…...

【记录手贱bug日常】IDEA 配置vmoptions后打不开,重新安装,删注册表均无用

今天早上来公司&#xff0c;闲着没事优化优化自己的"锄头"idea&#xff0c;然后想着看看idea用的啥垃圾回收器&#xff0c;后来手动改成了-XX:UseG1GC&#xff0c;满心欢喜觉得没什么问题&#xff0c;直接删除缓存重启&#xff0c;结果不出意料的出问题了&#xff0c…...

STM32F407使用ESP8266实现阿里云OTA(中)

文章目录 前言一、程序分析二、程序讲解1. main函数2. Get_Version()函数3. esp_Init()函数4. Check_Updata()函数结语前言 从上一章STM32F407使用ESP8266实现阿里云OTA(上)中我们已经对连接阿里云和从阿里云获取升级包的流程非常的熟悉了。所以本章我们进行STM32的程序开发…...

如何利用快照与备份快速恢复服务器的数据

在服务器上利用**快照&#xff08;Snapshot&#xff09;**和**备份&#xff08;Backup&#xff09;**快速恢复数据&#xff0c;可显著减少停机时间并确保业务连续性。以下是具体操作步骤和最佳实践&#xff1a; --- ### **1. 快照&#xff08;Snapshot&#xff09;恢复** **适…...

【Leetcode 每日一题】2799. 统计完全子数组的数目

问题背景 给你一个由 正 整数组成的数组 n u m s nums nums。 如果数组中的某个子数组满足下述条件&#xff0c;则称之为 完全子数组 &#xff1a; 子数组中 不同 元素的数目等于整个数组不同元素的数目。 返回数组中 完全子数组 的数目。 子数组 是数组中的一个连续非空序…...

主流操作系统对比分析(macOS、Linux、Windows、Unix)

主流操作系统对比分析&#xff08;macOS、Linux、Windows、Unix&#xff09; 一、系统基本介绍 系统核心特点典型代表macOS苹果公司开发&#xff0c;基于 Unix&#xff08;BSD&#xff09;&#xff0c;闭源&#xff0c;专为苹果硬件优化&#xff0c;强调用户体验和设计美学。m…...