【JavaScript脚本宇宙】加速您的网站:图像优化工具和库的终极指南

别让大图拖垮你的应用:如何正确优化图像

前言

在数字时代,图像是我们日常生活中不可或缺的一部分。然而,随着图像数量的增加和分辨率的提高,它们也占据了越来越多的存储空间和带宽。为了解决这个问题,开发人员可以使用各种图像优化工具和技术来减小图像文件的大小,同时保持其质量不变。本文将介绍几个流行的图像优化库和工具,并比较它们的特点和适用场景。

欢迎订阅专栏:JavaScript脚本宇宙

文章目录

  • 别让大图拖垮你的应用:如何正确优化图像
    • 前言
    • 1. ImageOptim:一个用于图像优化的工具
      • 1.1 主要功能
        • 1.1.1 无损压缩
        • 1.1.2 批量处理
        • 1.1.3 支持多种格式
      • 1.2 使用场景
        • 1.2.1 网站性能提升
        • 1.2.2 应用开发中的图像优化
        • 1.2.3 电商平台的图片展示
      • 1.3 优缺点分析
        • 1.3.1 优点
        • 1.3.2 缺点
    • 2. Squoosh:一个用于图像压缩和优化的Web应用
      • 2.1 主要功能
        • 2.1.1 浏览器端操作
        • 2.1.2 多种压缩算法支持
        • 2.1.3 实时预览与对比
      • 2.2 使用场景
        • 2.2.1 前端开发优化
        • 2.2.2 快速图像调整
        • 2.2.3 应用内嵌图像压缩
      • 2.3 优缺点分析
        • 2.3.1 优点
        • 2.3.2 缺点
    • 3. imagemin:一个JavaScript图像压缩库
      • 3.1 主要功能
        • 3.1.1 插件式架构
        • 3.1.2 支持多种图像格式
        • 3.1.3 高效的压缩率
      • 3.2 使用场景
        • 3.2.1 构建工具集成
        • 3.2.2 自动化图像优化
    • 4. sharp:高性能的Node.js图像处理库
      • 4.1 主要功能
        • 4.1.1 图片裁剪、旋转、调整大小
        • 4.1.2 支持多种格式转换
        • 4.1.3 并行处理加快速度
    • 5. Jimp:一个纯JavaScript图像处理库
      • 5.1 主要功能
        • 5.1.1 支持无依赖运行
        • 5.1.2 丰富的图像处理API
        • 5.1.3 灵活的插件扩展
      • 5.2 使用场景
        • 5.2.1 前端和后端通用
        • 5.2.2 图像滤镜应用
        • 5.2.3 电子商务平台图片管理
      • 5.3 优缺点分析
        • 5.3.1 优点
        • 5.3.2 缺点
    • 6. gl-react:基于React的WebGL图像处理库
      • 6.1 主要功能
        • 6.1.1 基于WebGL的高效渲染
        • 6.1.2 可复用的React组件
        • 6.1.3 支持实时图像效果
      • 6.2 使用场景
        • 6.2.1 Web应用中的图像特效
        • 6.2.2 移动应用中的图像处理
        • 6.2.3 图像直播流优化
      • 6.3 优缺点分析
        • 6.3.1 优点
        • 6.3.2 缺点
    • 总结

1. ImageOptim:一个用于图像优化的工具

ImageOptim是一款功能强大的图像优化工具,它可以在保持图像质量的同时,显著减小图像文件的大小。它支持多种常见的图像格式,并提供了丰富的选项来满足不同的需求。无论是网站性能提升、应用开发还是电商平台的图片展示,ImageOptim都能帮助你轻松实现图像的优化。

1.1 主要功能

1.1.1 无损压缩

ImageOptim采用了先进的压缩算法,可以在不损失图像质量的前提下减小文件大小。它会自动尝试不同的压缩方法,以找到最佳的平衡点。

使用示例:

const imageoptim = require('imageoptim');
const fs = require('fs');
const path = require('path');// Read the original image file
const inputPath = path.join(__dirname, 'input.jpg');
const originalImage = fs.readFileSync(inputPath);// Optimize the image using ImageOptim
const optimizedImage = imageoptim({input: originalImage,plugins: ['optipng', 'mozjpeg'], // 指定使用的插件(可选)
});// Save the optimized image to disk
const outputPath = path.join(__dirname, 'output.jpg');
fs.writeFileSync(outputPath, optimizedImage);
1.1.2 批量处理

ImageOptim支持批量处理图像,这意味着用户可以一次性优化多个图像而无需逐个进行操作。这极大地提高了工作效率,特别是当用户需要处理大量图像时。除了无损压缩,批量处理还允许用户对图像进行其他操作,如重新命名、调整尺寸等。

完整JavaScript实例代码:

const imageoptim = require('imageoptim-cli');
const path = require('path');// 指定输入目录和输出目录
const inputDir = '/path/to/input/images';
const outputDir = '/path/to/output/images';// 批量处理所有图像并保存到输出目录中
imageoptim({ inputDir, outputDir, batch: true }).then(() => console.log('Images processed successfully.')).catch(err => console.error(err));
1.1.3 支持多种格式

ImageOptim支持多种常见的图像格式,包括JPEG、PNG、GIF和SVG等。这意味着用户可以根据具体需求选择最适合的格式来优化图像。此外,ImageOptim还能够自动检测并保留图像的元数据,如EXIF信息和色彩配置文件等。

1.2 使用场景

1.2.1 网站性能提升

对于网站来说,图像通常是影响加载速度的主要因素之一。使用ImageOptim对网站中的图像进行优化后,可以显著减小文件大小,加快页面加载速度,提升用户体验。

1.2.2 应用开发中的图像优化

在移动应用开发过程中,图像资源的质量和大小对应用的性能和启动速度有很大影响。使用ImageOptim可以自动化地对图像进行优化,确保应用在运行时的流畅度。

1.2.3 电商平台的图片展示

电商平台上通常会展示大量的产品图片,这些图片往往较大且数量较多。使用ImageOptim对这些图片进行优化可以减小服务器负载,提高页面加载速度,并给用户提供更好的购物体验。

1.3 优缺点分析

1.3.1 优点
  • 高效性: ImageOptim采用了先进的压缩算法和多线程处理技术,可以在较短时间内完成大规模图像的优化工作。
  • 无损压缩: 在保持图像质量不变的前提下减小文件大小,不会对图像内容造成任何损失。
  • 可自动化: 通过命令行参数或配置文件可以实现自动化的图像优化流程,提高工作效率。
  • 跨平台支持: ImageOptim可以在macOS、Linux和Windows等操作系统上运行,满足不同用户的需求。
1.3.2 缺点
  • 命令行操作: ImageOptim是一个命令行工具,需要具备一定的终端操作知识才能使用。对于不熟悉命令行的用户来说,可能会有一定的学习成本。
  • 依赖外部库: ImageOptim依赖于一些外部库来实现某些特定的功能,如cwebp、pngquant等。在安装和使用ImageOptim时必须确保这些外部库已经正确安装并配置好。

2. Squoosh:一个用于图像压缩和优化的Web应用

Squoosh是一个网页端的图像压缩和优化工具,旨在帮助用户快速、方便地对图像进行处理。它利用先进的浏览器技术,直接在浏览器中对图像进行优化,而无需将图像上传到服务器。以下是Squoosh的主要功能和使用场景,以及它的优缺点分析。

2.1 主要功能

2.1.1 浏览器端操作

Squoosh可以直接在浏览器端进行图像处理,用户无需下载或安装任何软件。这使得Squoosh更加方便易用,同时也提高了图像处理的效率。

2.1.2 多种压缩算法支持

Squoosh支持多种图像压缩算法,包括JPEG、PNG、WebP等。用户可以根据自己的需求选择合适的压缩算法。

// 使用示例
const image = new Image();
image.src = "image.jpg";const resizedImage = new Image();
resizedImage.src = image.src;
resizedImage.width *= 0.5;
resizedImage.height *= 0.5;
2.1.3 实时预览与对比

Squoosh可以在图像处理过程中提供实时预览,让用户直观地看到图像的变化。同时,Squoosh还提供了原始图像和处理后图像的对比功能,让用户更好地了解图像处理的效果。

// 使用示例
const image = new Image();
image.src = "image.jpg";const processedImage = new Image();
processedImage.src = image.src;
processedImage.onload = () => {// 处理图像const canvas = document.createElement("canvas");const ctx = canvas.getContext("2d");ctx.drawImage(processedImage, 0, 0);// ...
}

官网链接:https://squoosh.app/

2.2 使用场景

2.2.1 前端开发优化

Squoosh非常适合前端开发者使用。在网页项目中,图片往往是影响页面加载速度的主要因素之一。通过使用Squoosh来优化图片资源,前端开发者可以减小图片文件的大小,提高页面的加载速度和用户体验。

2.2.2 快速图像调整

除了前端开发者,任何需要对图像进行调整的人都可以使用Squoosh。比如设计师、摄影师或市场营销人员,他们可能需要对图片进行裁剪、旋转、缩放等操作,或者调整图片的色彩、亮度等参数。Squoosh提供了简单易用的界面和功能,使得这些调整变得更加轻松快捷。

2.2.3 应用内嵌图像压缩

对于那些需要在应用程序中嵌入图像的场景,Squoosh也是一个很好的选择。它可以将原始图像压缩为较小的文件大小,并在保持较高质量的同时减小应用程序的体积。这样可以提高应用程序的加载速度和用户体验。

2.3 优缺点分析

2.3.1 优点
  • 网页端操作:用户可以直接在浏览器中进行图像压缩和优化,无需下载或安装其他软件,方便易用。
  • 多种压缩算法:支持多种常见的图像压缩算法,用户可以根据需求选择适合的算法来平衡图像质量和文件大小之间的关系。
  • 实时预览与对比:提供了实时预览和对比功能,用户可以即时查看压缩效果并进行调整。
  • 跨平台兼容性:作为网页应用,Squoosh可以在各种操作系统和设备上运行,具有良好的跨平台兼容性。
2.3.2 缺点
  • 处理速度受限于浏览器性能:由于Squoosh直接在浏览器中运行图像处理操作,其处理速度可能会受到浏览器性能的限制,尤其是在处理大规模或复杂图像时。

3. imagemin:一个JavaScript图像压缩库

Imagemin是一个用于图像优化的JavaScript库,它可以显著减小图像文件的大小,而不损失太多的质量。它是通过使用一系列插件来实现这一功能的,这些插件可以对图像进行各种优化操作。

3.1 主要功能

3.1.1 插件式架构

Imagemin采用插件式架构,允许用户根据需要选择和组合不同的优化插件。这样可以实现最大的灵活性和可扩展性。

例如,你可以使用JPEG压缩插件imagemin-jpegtran来减小JPEG图像的大小,或者使用SVG优化插件imagemin-svgo来减小SVG图像的大小。

3.1.2 支持多种图像格式

Imagemin支持多种图像格式,包括JPEG、PNG、GIF和SVG等。这意味着你可以在不改变图像格式的情况下对其进行优化。

3.1.3 高效的压缩率

Imagemin通过使用一些先进的算法和技术,如无损压缩、有损压缩和元数据去除等,可以实现高效的压缩率。这可以显著减小图像文件的大小,从而提高网站的加载速度。

例如,对于一张1MB的JPEG图像,经过Imagemin优化后,其大小可能会减小到原来的一半甚至更小。

3.2 使用场景

3.2.1 构建工具集成

Imagemin可以与一些流行的构建工具集成,如Webpack和Gulp等。这使得在构建过程中自动优化图像变得非常容易。

例如,你可以使用Gulp插件gulp-imagemin来自动化图像优化过程。只需在Gulpfile中添加几行代码,就可以在构建时自动优化所有图像文件。

3.2.2 自动化图像优化

Imagemin还可以用于自动化图像优化任务。例如,你可以创建一个脚本来定期优化你的图像文件夹中的文件。

例如,你可以使用以下命令来优化当前目录中的所有的JPEG、PNG和GIF文件:

const imagemin = require('imagemin');
imagemin(['*.{jpg,png,gif}']).then(() => {console.log('Images optimized successfully!');}).catch((error) => {console.error('Error optimizing images:', error);});

这将在当前目录中搜索所有以.jpg.png.gif结尾的文件,并将其优化到同一目录下。

4. sharp:高性能的Node.js图像处理库

4.1 主要功能

Sharp是一个基于libvips的高性能Node.js图像处理库。它提供了丰富的功能,可以帮助开发人员快速且方便地对图像进行各种操作。主要功能包括:

4.1.1 图片裁剪、旋转、调整大小

Sharp支持对图像进行裁剪、旋转和调整大小等基本操作。通过简单的方法调用,开发人员可以轻松实现这些功能。以下是一个裁剪、旋转和调整大小的示例代码:

const sharp = require('sharp');// Load an image
const image = sharp('input.jpg');// Crop the image
image.crop(sharp.gravity.center, { width: 300, height: 200 });// Rotate the image
image.rotate(90);// Resize the image
image.resize(500, 375);// Save the output image
image.toFile('output.jpg', (err, info) => {if (err) throw err;console.log(info);
});
4.1.2 支持多种格式转换

Sharp支持将图像转换为多种不同的文件格式,如JPEG、PNG、WebP等。这使得开发人员可以根据需求选择最佳的文件格式来保存或传输图像。下面是一个格式转换的示例代码:

const sharp = require('sharp');// Load an image
const image = sharp('input.jpg');// Convert the image to WebP format and save it
image.webp().toFile('output.webp', (err, info) => {if (err) throw err;console.log(info);});
4.1.3 并行处理加快速度

由于使用了libvips库,Sharp在处理图像时可以充分利用多核CPU的优势进行并行处理。这意味着在处理大量图像时,Sharp可以显著提高性能并减少处理时间。以下是一个并行处理的示例代码:

const sharp = require('sharp');// Load multiple images and process them in parallel using Promise.all()
Promise.all([sharp('image1.jpg').resize(100).toFile('output1.jpg'),sharp('image2.jpg').resize(200).toFile('output2.jpg'),sharp('image3.jpg').resize(300).toFile('output3.jpg')
]).then(() => {console.log('All images processed!');
}).catch(err => {console.error(err);
});

5. Jimp:一个纯JavaScript图像处理库

Jimp是一个基于JavaScript的、强大的图像处理库,可以在浏览器和Node.js环境中运行。它提供了一些基本的图像操作功能,同时允许用户通过插件扩展其功能。

5.1 主要功能

5.1.1 支持无依赖运行

Jimp可以在浏览器和Node.js环境中无依赖地运行,不需要额外的库或框架。这使得开发人员可以轻松地在不同的环境中使用Jimp进行图像处理。

5.1.2 丰富的图像处理API

Jimp提供了丰富的图像处理API,可以满足常见的图像处理需求。其中一些常用的API包括:

  • resize():调整图像的大小。
  • crop():裁剪图像。
  • rotate():旋转图像。
  • addText():向图像中添加文字。
  • colorize():为图像中的像素添加颜色。
  • blur():模糊图像。
  • invert():反转图像的颜色。

下面是一个使用Jimp调整图像大小的示例代码:

const Jimp = require('jimp');// 读取图像文件
Jimp.read('image.jpg', (err, image) => {if (err) throw err;// 调整图像大小为300x300像素,并保持纵横比不变image.resize(300, 300).quality(60).write('new-image.jpg', (err) => {if (err) throw err;console.log('New image saved as new-image.jpg');});
});
5.1.3 灵活的插件扩展

除了内置的图像处理操作之外,Jimp还允许开发者创建自己的插件来实现更多的功能。通过简单的注册过程,开发者可以将自己的插件集成到Jimp中,以便在任何支持Jimp的环境中使用。例如,下面是一个自定义的插件示例,用于给图像添加边框:

const Jimp = require('jimp');// Creating a simple plugin for adding a border around an image
Jimp.plugin({name: 'border',fn: function(size, color) {return this.crop(this.width() + size * 2, this.height() + size * 2) // enlarge the image to fit the border.rectangle(0, 0, this.width(), this.height(), color) // add the border color as a rectangle behind the image.crop(this.width(), this.height()); // remove the extra space created by the border}
});

5.2 使用场景

5.2.1 前端和后端通用

Jimp可以在浏览器和Node.js环境中运行,因此适用于前端和后端开发。用户可以在前端处理图像以实现即时预览效果,或者在后端处理图像以优化服务器上的图像资源。

5.2.2 图像滤镜应用

Jimp提供了许多内置的颜色调整功能,可以用于实现各种图像滤镜效果。例如,用户可以使用Jimp来实现黑白滤镜、复古滤镜、模糊滤镜等效果。

5.2.3 电子商务平台图片管理

Jimp可以用于电商平台的图片管理,例如对商品图片进行裁剪、缩放、加水印等操作,以便更好地展示商品信息并保护版权。

5.3 优缺点分析

5.3.1 优点
  • 无依赖: Jimp不需要其他库或软件的依赖,可以直接在JavaScript环境中使用。
  • 丰富功能集:Jimp提供了许多内置的图像处理功能,可以满足大部分常见的图像处理需求。
  • 插件扩展:Jimp支持插件扩展,用户可以根据自己的需求编写自定义的插件来扩展功能。
  • 易于使用:Jimp的API设计简洁易懂,学习曲线平缓。
5.3.2 缺点
  • 性能较低:由于是基于JavaScript实现的,Jimp的性能可能无法与一些底层语言(如C++)实现的图像处理库相比。
  • 缺少某些高级功能:虽然Jimp提供了丰富的图像处理功能,但仍有一些高级功能(如复杂形态学处理)尚未支持。

6. gl-react:基于React的WebGL图像处理库

gl-react是一个基于React的WebGL图像处理库,用于实现Web应用和移动应用中的图像特效。它通过使用WebGL进行高效渲染,并提供了一套可复用的React组件,使得开发人员可以轻松地将图像处理功能集成到他们的应用中。

6.1 主要功能

gl-react的主要功能包括基于WebGL的高效渲染、可复用的React组件和支持实时图像效果。

6.1.1 基于WebGL的高效渲染

gl-react利用WebGL技术进行图像渲染,相对于传统的DOM操作,具有更高的性能和效率。它可以在GPU上进行复杂的图像处理和计算,加快渲染速度。

6.1.2 可复用的React组件

gl-react提供了一组可复用的React组件,使开发人员能够轻松地添加图像特效到他们的应用中。这些组件可以是简单的图像过滤器,也可以是复杂的图像处理算法。通过组合和扩展这些组件,开发人员可以快速构建自定义的图像处理效果。以下是一个简单的示例代码,使用gl-react的可复用React组件为图像添加模糊效果:

import React, { Component } from 'react';
import { Surface, Blur } from 'gl-react';class ImageWithBlur extends Component {render() {return (<Surface width={300} height={300}><Blur><Image src="path_to_image.jpg" /></Blur></Surface>);}
}
6.1.3 支持实时图像效果

gl-react还支持实时图像效果,可以通过Stream组件将摄像头或视频流作为输入源,并在运行时动态地应用图像特效。这对于实现互动式的图像处理应用非常有用,例如实时美颜滤镜、动态背景替换等。以下是一个示例代码,使用gl-react的Stream组件将摄像头流作为输入源,并在上面应用模糊效果:

import React, { Component } from 'react';
import { Surface, Blur, Stream } from 'gl-react';class VideoWithBlur extends Component {render() {return (<Surface><Blur><Stream type="getUserMedia" facingMode="environment" /></Blur></Surface>);}
}

6.2 使用场景

6.2.1 Web应用中的图像特效

gl-react适用于各种Web应用场景中的图像特效需求。无论是简单的图像模糊还是复杂的图像合成,gl-react都能够提供高效且可定制的解决方案。开发人员可以通过组合不同的组件来实现丰富多样的图像特效,从而提升用户体验和视觉吸引力。

6.2.2 移动应用中的图像处理

由于gl-react采用了WebGL技术,它也可以在移动设备上运行,并在移动应用中实现高效的图像处理功能。这使得移动应用开发者可以利用gl-react来优化图像显示效果、减少资源占用,并提供更流畅的交互体验。

6.2.3 图像直播流优化

gl-react还可用于图像直播流优化,通过对直播画面进行实时处理和增强,提高图像质量和稳定性。这对于视频会议、在线教育、直播购物等领域的应用程序尤为重要,可以显著改善用户的观看体验。

6.3 优缺点分析

6.3.1 优点
  • 高性能:基于WebGL技术,提供高效的图像处理和渲染能力。
  • 可复用组件:提供一组可复用的React组件,简化了开发流程并提高了代码的可维护性。
  • 实时图像效果:支持实时应用图像效果,增强了用户的交互体验。
  • 跨平台兼容性:能够在Web和移动平台上运行,提供了跨平台的开发体验。
6.3.2 缺点
  • 依赖WebGL环境:需要浏览器或者设备支持WebGL才能正常工作。
  • 学习曲线:对于不熟悉WebGL和React的开发者来说,可能需要一定的学习成本。
  • 难以实现高度定制化的效果:虽然gl-react提供了丰富的配置选项和内置算法,但在某些情况下,可能无法满足高度定制化的图像处理需求。

总结

  1. ImageOptim:适用于批量处理的无损压缩工具,支持多种格式。
  2. Squoosh:browser-based应用程序,提供实时预览和多种压缩算法。
  3. imagemin:插件式JavaScript库,支持多种格式和高效压缩。
  4. sharp:高性能Node.js库,用于裁剪、旋转和调整图像大小。
  5. Jimp:纯JavaScript库,具有丰富的图像处理API和灵活的插件扩展。
  6. gl-react:基于WebGL的库,提供可复用的React组件和实时图像特效。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/pingmian/34353.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

什么美业系统好用?美业门店收银系统源码分享、小程序展示

专业美业系统与普通系统相比&#xff0c;更加贴合美业门店的经营需求&#xff0c;提供了更全面、便捷、高效的管理功能&#xff0c;有助于提升门店的服务质量和经营效益。 博弈美业系统包括PC、iPad、手机、小程序四大端口&#xff0c;满足不同人群的各种需求。客户可从小程序…

python并行批量存储mat文件

输入&#xff1a;包含数组的列表arrays_list&#xff0c;以及包含每个数组存储位置的列表save_path_list from concurrent.futures import ThreadPoolExecutor, as_completed from tqdm import tqdm from scipy.io import * def save_array_to_mat(array, filepath):savemat(f…

有什么能和ai聊天的软件?5个软件教你快速和ai进行聊天

有什么能和ai聊天的软件&#xff1f;5个软件教你快速和ai进行聊天 当今数字化时代&#xff0c;人工智能&#xff08;AI&#xff09;技术已经逐渐渗透到我们的日常生活中&#xff0c;而与AI进行聊天也成为了一种趋势和乐趣。以下是五款可以和AI进行聊天的软件&#xff0c;它们提…

如何提高台式扫描电镜的放大倍数

台式扫描电镜&#xff08;SEM&#xff09;因其紧凑的设计和高效的成像能力&#xff0c;在材料科学、生物学和纳米技术等领域中扮演着重要角色。然而&#xff0c;用户在使用过程中可能会遇到需要更高放大倍数以获得更细微结构图像的情况。以下是一些提高台式扫描电镜放大倍数的策…

大厂面试官问我:Redis持久化RDB有没有可能阻塞?阻塞点在哪里?【后端八股文三:Redis持久化八股文合集】

往期内容&#xff1a; 大厂面试官问我&#xff1a;Redis处理点赞&#xff0c;如果瞬时涌入大量用户点赞&#xff08;千万级&#xff09;&#xff0c;应当如何进行处理&#xff1f;【后端八股文一&#xff1a;Redis点赞八股文合集】-CSDN博客 大厂面试官问我&#xff1a;布隆过滤…

与其他自动化配置管理工具(如 Ansible 、Chef )相比,Puppet 的独特优势和局限性分别是什么?

Puppet的独特优势包括&#xff1a; 基于声明式语言&#xff1a;Puppet使用自己的声明式语言&#xff08;Puppet DSL&#xff09;来描述系统配置&#xff0c;使得配置更加简洁、易于理解和维护。 完善的资源模型&#xff1a;Puppet具有丰富的资源模型&#xff0c;可以管理各种不…

C++ 入门

前言 c的发展史&#xff1a; C的起源可以追溯到1979年&#xff0c;当时Bjarne Stroustrup在贝尔实验室开始开发一种名为“C with Classes”的语言。以下是C发展的几个关键阶段&#xff1a; 1979年&#xff1a;Bjarne Stroustrup在贝尔实验室开始开发“C with Classes”。1983…

鸿蒙NEXT,保障亿万中国老百姓数据安全的操作系统

吉祥学安全知识星球&#x1f517;除了包含技术干货&#xff1a;Java代码审计、web安全、应急响应等&#xff0c;还包含了安全中常见的售前护网案例、售前方案、ppt等&#xff0c;同时也有面向学生的网络安全面试、护网面试等。 上周华为发布了最新的鸿蒙NEXT操作系统&#xff0…

windows系统上nginx搭建文件共享

1、下载windows版nginx 下载地址 2、配置nginx 编辑nginx.conf配置文件 在http模块下添加这个参数 underscores_in_headers on;#修改location内容&#xff0c;共享哪个文件夹&#xff0c;就写哪个文件夹&#xff0c;最后一定要跟上/&#xff0c;否则无法访问 location / {…

深入解析Ansible

文章目录 引言Ansible的原理Ansible的使用安装Ansible配置Ansible编写Playbook执行Playbook Ansible的优缺点Ansible的优点Ansible的缺点 总结 引言 在现代IT运维中&#xff0c;自动化工具扮演着至关重要的角色。Ansible作为一款开源的自动化运维工具&#xff0c;凭借其易用性…

Depth Anything环境搭建推理测试

引子 基于单目摄像头的深度估计&#xff0c;一直是CV领域的一个难点&#xff0c;之前也对此关注也不够多。偶然浏览技术博客&#xff0c;看到Depth Anything: Unleashing the Power of Large-Scale Unlabeled Data这个最新CVPR2024的工作。看到名字&#xff0c;大概也能猜出来…

【机器学习300问】130、什么是Seq2Seq?又叫编码器(Encoder)和解码器(Decoder)。

Seq2Seq&#xff0c;全称为Sequence to Sequence&#xff0c;是一种用于处理序列数据的神经网络模型&#xff0c;特别适用于如机器翻译、语音识别、聊天机器人等需要将一个序列转换为另一个序列的任务。这种模型由两部分核心组件构成&#xff1a;编码器&#xff08;Encoder&…

服务器(Linux系统的使用)——自学习梳理

root表示用户名 后是机器的名字 ~表示文件夹&#xff0c;刚上来是默认的用户目录 ls -a 可以显示出隐藏的文件 蓝色的表示文件夹 白色的是文件 ll -a 查看详细信息 total表示所占磁盘总大小 一般以KB为单位 d开头表示文件夹 -代表文件 后面得三组rwx分别对应管理员用户-组…

shell的正则表达------awk

一、awk&#xff1a;按行取列 1.awk原理&#xff1a;根据指令信息&#xff0c;逐行的读取文本内容&#xff0c;然后按照条件进行格式化输出。 2.awk默认分隔符&#xff1a;空格、tab键&#xff0c;把多个空格自动压缩成一个。 3.awk的选项&#xff1a; awk ‘操作符 {动作}’…

pytorch库 03 基础知识

文章目录 一、准备工作二、tensorboard的使用1、add_scalar()方法2、add_image()方法 三、transforms的使用1、ToTensor()类2、常见transforms的类 三、torchvision中的数据集使用 官网 https://pytorch.org/ 一、准备工作 ①在pycharm和jupyter上&#xff0c;检查当前系统是…

构建LangChain应用程序的示例代码:42、如何使用 `LLMCheckerChain` 来验证和校正由大型语言模型(LLM)生成的文本

自我检查链使用指南 概述 本指南展示了如何使用 LLMCheckerChain 来验证和校正由大型语言模型&#xff08;LLM&#xff09;生成的文本。 代码示例 from langchain.chains import LLMCheckerChain # 导入 LLMCheckerChain 类 from langchain_openai import OpenAI # 导入 …

SpringBoot的Web开发支持【超详细【一篇搞定】果断收藏系列】

Override public void afterCompletion(HttpServletRequest request, HttpServletResponse response, Object handler, Exception ex) throws Exception { System.out.println(“MyInterceptor.afterCompletion”); } } 使用Java的形式配置拦截器的拦截路径 在WebMvcConfig…

记录:windows 命令板快捷键

dir 列出当前目录下的所有文件cd 目录名&#xff1a; cd. 进入当前目录 cd…进入上一层目录md 目录名 创建文件夹rd 目录名 删除文件夹cd.>文件名.后缀名 比如 cd.>a.txtcls 清除exit 退出

与亚马逊云科技深度合作,再获WAPP、ISV认证

上半年&#xff0c;VERYCLOUD睿鸿股份加入亚马逊云科技的WAPP&#xff08;Well-Architected Partner Programs&#xff09;和ISV加速计划&#xff08;ISV Accelerate Program&#xff09;&#xff0c;为客户带来更坚实优质的海外云服务。 Well-Architected 获得WAPP这项认证代表…

Oracle day11

/*create table tbemp --职员表 ( eid number(7) primary key, --职员编号 ename varchar2(20) not null, --职员姓名 esex varchar2(3) not null check(esex in(男,女)), eage number not null check(eage>18), eaddr varchar2(50) …