【JavaScript脚本宇宙】提升用户体验：比较六种领先的图像灯箱库及其独特功能

为您的网站选择完美的图像灯箱：六种流行选项的全面比较

前言

图像灯箱库在网页设计中起着至关重要的作用，它们提供了一种优雅的方式来展示图片、视频和其他多媒体内容。本文将比较六种常见的图像灯箱库：Lightbox2、Fancybox、Magnific Popup、PhotoSwipe、Swipebox和blueimp Gallery，并讨论它们的优缺点、特性以及实例代码。通过对比这些库，您将能够选择最适合您项目需求的图像灯箱库。

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

文章目录

  • 为您的网站选择完美的图像灯箱：六种流行选项的全面比较
    • 前言
    • 1. Lightbox2：一个简单的图像灯箱库
      • 1.1 简介
      • 1.2 特性
        • 1.2.1 安装与使用
        • 1.2.2 基本功能
      • 1.3 优缺点
      • 1.4 实例代码展示
    • 2. Fancybox：一个用于展示图像、视频和更多内容的灯箱库
      • 2.1 简介
      • 2.2 特性
        • 2.2.1 安装与使用
        • 2.2.2 支持多媒体内容
        • 2.2.3 高度可定制性
      • 2.3 优缺点
    • 3. Magnific Popup：响应式的jQuery灯箱插件
      • 3.1 简介
      • 3.2 特性
        • 3.2.1 安装与使用
        • 3.2.2 高性能及动画效果
      • 3.3 优缺点
      • 3.4 实例代码展示
    • 4. PhotoSwipe：适用于移动端的图像灯箱库
      • 4.1 简介
      • 4.2 特性
        • 4.2.1 安装与使用
        • 4.2.2 移动端优化
      • 4.3 优缺点
    • 5. Swipebox：基于jQuery的图片灯箱插件
      • 5.1 简介
      • 5.2 特性
        • 5.2.1 安装与使用
        • 5.2.2 支持触摸手势
      • 5.3 优缺点
        • 5.3.1 优点
        • 5.3.2 缺点
    • 6. blueimp Gallery：功能丰富的响应式图像灯箱库
      • 6.1 简介
      • 6.2 特性
        • 6.2.1 安装与使用
        • 6.2.2 广泛的文件格式支持
      • 6.3 优缺点
    • 总结

1. Lightbox2：一个简单的图像灯箱库

Lightbox2是一个流行的图像灯箱插件，它提供了一种优雅的方式来展示图片。该插件在点击图片时显示一个弹出窗口，其中包含放大版本的图像。

1.1 简介

Lightbox2是一款简单易用的图像灯箱插件，它使网站访问者可以查看图像的放大版本，而无需离开当前页面。该插件具有直观的设计和用户友好的界面，可无缝集成到各种网站中。

1.2 特性

1.2.1 安装与使用

要在您的网站上使用Lightbox2，您需要执行以下步骤：

  1. 从官方网站（https://lokeshdhakar.com/projects/lightbox2/）下载Lightbox2。
  2. 将downloaded文件解压缩并将lightbox.css和lightbox.js文件添加到您的网站项目的根目录中。
  3. 将以下代码添加到您要显示灯箱效果的HTML文件中：
<link rel="stylesheet" href="lightbox.css" />
<script src="lightbox.js"></script>
  1. 创建一个包含要显示为灯箱的图像的链接列表，并为每个链接添加“lightbox”类和相应的“title”属性：
<a href="image1.jpg" class="lightbox" title="My Image 1"><img src="image1_thumbnail.jpg" alt="My Image 1" /></a>
<a href="image2.jpg" class="lightbox" title="My Image 2"><img src="image2_thumbnail.jpg" alt="My Image 2" /></a>
  1. 保存更改并在您的网站上查看结果。
1.2.2 基本功能
  • 显示弹出窗口：当用户点击图像时，Lightbox2将显示一个弹出窗口，其中包含所选图像的放大版本。
  • 支持多种格式：Lightbox2支持JPG、PNG、GIF等多种图像格式。
  • 键盘导航：用户可以使用键盘上的箭头键浏览图像。
  • 自动调整大小：Lightbox2根据用户的屏幕尺寸自动调整弹出窗口的大小。
  • 可自定义：Lightbox2允许您自定义弹出窗口的颜色、字体和其他元素。

1.3 优缺点

优点：

  • 简单易用：Lightbox2易于集成到任何网站中，并提供用户友好的界面。
  • 轻量级：由于它的文件大小较小，因此不会对您的网站的性能产生负面影响。
  • 兼容性强：Lightbox2适用于各种设备和浏览器。
  • 可自定义：您可以根据自己的喜好自定义Lightbox2的外观和行为。
  • 键盘导航：键盘导航支持使浏览图像更加方便，特别是对于没有鼠标或触控板的设备。

缺点：

  • 不适用于响应式设计：由于它的固定宽度和高度，因此不适用于响应式设计。
  • 不支持触摸屏设备：目前版本的Lightbox2不支持触摸屏设备。
  • 有限的选项：与一些其他图像灯箱插件相比，Lightbox2的功能有限。

1.4 实例代码展示

以下是一个简单的实例代码，展示了如何使用Lightbox2：

<html><head><title>Lightbox2 Example</title><link rel="stylesheet" href="lightbox.css" /></head><body><h1>My Image Gallery</h1><p><a href="image1.jpg" class="lightbox" title="My Image 1"><img src="image1_thumbnail.jpg" alt="My Image 1" /></a></p><p><a href="image2.jpg" class="lightbox" title="My Image 2"><img src="image2_thumbnail.jpg" alt="My Image 2" /></a></p><script src="lightbox.js"></script></body>
</html>

2. Fancybox：一个用于展示图像、视频和更多内容的灯箱库

2.1 简介

Fancybox是一个流行的开源JavaScript库，用于创建优雅的灯箱效果。它旨在以无缝的方式在网页上展示图像、视频、音频和其他多媒体内容。Fancybox提供了丰富的功能和定制选项，使开发人员能够轻松地根据自己的需求进行调整。

2.2 特性

2.2.1 安装与使用

Fancybox可以通过多种方式进行安装，包括直接从官方网站下载、使用CDN链接或通过npm等包管理器。一旦完成安装，集成Fancybox只需要简单的HTML和JavaScript代码。以下是一个基本的使用示例：

<!-- HTML标记 -->
<a href="image.jpg" data-fancybox="gallery"><img src="thumbnail.jpg" alt="Image">
</a><!-- JavaScript初始化 -->
<script>$(document).ready(function() {$("[data-fancybox]").fancybox();});
</script>

在这个例子中，我们使用data-fancybox属性来识别需要应用灯箱效果的链接，并使用jQuery插件来初始化Fancybox。

2.2.2 支持多媒体内容

Fancybox不仅支持图像，还支持各种多媒体内容类型，如视频、音频和iframe嵌入。通过指定特殊的HTML5数据属性，可以告诉Fancybox如何处理特定的多媒体内容。以下是一个示例：

<!-- 视频 -->
<a href="video.mp4" data-fancybox data-options="type: video">Video</a><!-- 音频 -->
<a href="audio.mp3" data-fancybox data-options="type: audio">Audio</a><!-- iframe嵌入 -->
<a href="https://example.com" data-fancybox data-options="type: iframe">Iframe</a>

这些示例展示了如何使用Fancybox来展示不同类型的多媒体内容。

2.2.3 高度可定制性

Fancybox提供了许多选项和事件，可用于自定义灯箱的行为和外观。您可以根据项目的需要选择预设的主题，或创建自己的自定义样式。此外，Fancybox还支持响应式设计，可根据不同的屏幕大小自动调整布局。以下是一个示例：

$("[data-fancybox]").fancybox({// 覆盖默认选项clickOutside: false, // 禁用点击外部关闭灯箱transition: "slide", // 设置过渡效果为滑动// 定义自定义主题customStyle: {background: "rgba(0, 0, 0, 0.7)", // 设置背景颜色为半透明黑色textColor: "#fff", // 设置文本颜色为白色borderRadius: "8px" // 设置边框半径为8像素}
});

这个示例展示了如何使用选项来覆盖默认行为，以及如何定义自定义样式以实现所需的外观。

2.3 优缺点

优点：

  • 多功能：支持广泛的多媒体内容类型，如图像、视频和音频。
  • 可定制性强：提供了大量的选项和事件，可用于自定义灯箱的行为和外观。
  • 用户友好：简单的安装和使用过程，以及直观的用户界面。
  • 响应式设计：支持响应式设计，可根据不同屏幕大小自动调整布局。# 图像灯箱库：Magnific Popup

3. Magnific Popup：响应式的jQuery灯箱插件

Magnific Popup是一款轻量级、响应式的jQuery灯箱插件，它提供了一种优雅的方式来展示图片、视频、弹出框等内容。它易于集成，支持多种过渡效果，并且可以与其他jQuery插件一起使用。

3.1 简介

Magnific Popup最初由Dimitri Eremeyev开发，并于2013年发布。它是一款开源的jQuery插件，可以在GitHub上找到其源代码。该插件已被下载超过200万次，并获得了广泛的社区支持和贡献。

3.2 特性

Magnific Popup具有以下特性：

  • 响应式设计：插件采用响应式设计，能够在各种设备和屏幕大小上自适应显示。
  • 多种过渡效果：提供多种过渡效果，包括淡入淡出、滑动、翻转等。
  • 可定制的主题：支持多种主题，可以根据需要进行自定义。
  • 支持多种内容类型：可以展示图片、视频、弹出框等多种类型的内容。
  • 可扩展性：允许开发者根据需要添加自定义功能和事件。
3.2.1 安装与使用

要使用Magnific Popup，首先需要在您的HTML文件中包含jQuery库和Magnific Popup插件的脚本文件：

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="/path/to/magnific-popup/jquery.magnific-popup.js"></script>

然后，您可以使用以下代码初始化插件：

$(document).ready(function() {$('a.popup').magnificPopup({});
});

这将为所有带有.popup类的链接启用灯箱效果。有关更多选项和配置信息，请参考官方文档。

3.2.2 高性能及动画效果

Magnific Popup旨在提供高性能和流畅的动画效果。它采用了一些技术来实现这一目标，例如使用CSS过渡和变换来减少DOM操作，以及在可能的情况下异步加载内容。这些优化措施使得Magnific Popup在大多数设备上都能够提供快速而顺滑的用户体验。

3.3 优缺点

优点:

  • 轻便且高效: Magnific Popup 是一款轻巧的插件，具有高效的性能和快速的执行速度。它的文件大小仅为几KB，不会对您的网站造成任何负担。
  • 强大的自定义选项: Magnific Popup 提供了丰富的自定义选项和 API，使您可以根据需要轻松地修改和扩展其功能。
  • 支持多种内容类型: Magnific Popup 不仅可以显示图像，还可以显示视频、音频、iframe 等其他内容类型。这使得它成为一种多功能且灵活的选择。

缺点:

  • 学习曲线陡峭: 尽管有丰富的文档和示例代码可用，但对于初学者来说，掌握 Magnific Popup 的所有选项和功能可能需要一些时间和精力。
  • 可能需要额外的配置: 为了实现某些高级功能或集成其他库，您可能需要进行额外的配置或编写自定义代码。

3.4 实例代码展示

以下是一个简单的示例代码，展示了如何使用 Magnific Popup 来显示一个图像灯箱：

<!-- HTML标记 -->
<div class="gallery"><a href="image1.jpg" class="mfp-img"><img src="image1.jpg" alt="Image1"></a><a href="image2.jpg" class="mfp-img"><img src="image2.jpg" alt="Image2"></a>
</div>

// jQuery代码
$(document).ready(function () {$('.mfp-img').magnificPopup({type: 'image',gallery: {enabled: true}});
});

在这个例子中，我们使用了一个 .gallery 类来包含所有的图像链接，并为每个链接添加了一个 .mfp-img 类以标识它们是灯箱的一部分。然后，我们使用 jQuery 来选择所有带有 .mfp-img 类的链接，并通过 magnificPopup() 方法调用 Magnific Popup 插件。最后，我们传递了一个配置对象，指定了我们要显示的内容类型为图像，并且启用了画廊模式。

4. PhotoSwipe：适用于移动端的图像灯箱库

PhotoSwipe是一个专为移动设备设计的触摸友好型图像灯箱库，它有以下特性：

  • 响应式设计：根据屏幕大小和方向自动调整布局。
  • 触摸支持：滑动手势浏览、缩放图片等。
  • Viewer模式：让用户可以在不离开页面的情况下查看大图。
  • 支持多种格式：JPEG、PNG、GIF、SVG等。

接下来将详细介绍如何安装和使用PhotoSwipe，以及它的一些优化技巧和实例代码展示。

4.1 简介

PhotoSwipe是一个JavaScript库，用于创建响应式的触摸友好型图像灯箱。它可以将一组图像转变为一个全屏的灯箱展示，使用户可以使用滑动手势浏览和缩放图片。它还提供了许多自定义选项和插件，可以满足不同项目的需求。

4.2 特性

4.2.1 安装与使用

要安装PhotoSwipe，您可以从官方网站下载最新版本，也可以通过npm或 Bower进行安装。安装完成后，您需要在HTML文件中包含必要的JavaScript和CSS文件。以下是一个简单的示例：

<link rel="stylesheet" href="path_to_photoswipe/dist/photoswipe.css">
<link rel="stylesheet" href="path_to_photoswipe/dist/default-skin/default-skin.css"><script src="path_to_photoswipe/dist/photoswipe.min.js"></script>
<script src="path_to_photoswipe/dist/photoswipe-ui-default.min.js"></script>

要使用PhotoSwipe，您需要创建一个相册对象，然后使用相应的API来控制相册的行为。以下是一个简单的示例：

// 创建相册对象
var pswpElement = document.querySelectorAll('.pswp')[0];
var viewContainer = document.querySelectorAll('.gallery')[0];
var items = viewContainer.getElementsByTagName('a');
var options = { /* 相册选项 */ };
var gallery = new PhotoSwipe(pswpElement, PhotoSwipeUI_Default, items, options);// 打开相册
gallery.init();

有关如何使用PhotoSwipe的更详细信息，请参考官方文档。

4.2.2 移动端优化

为了提供更好的用户体验，PhotoSwipe提供了一些专门针对移动设备的优化：

  • 触摸支持：滑动手势浏览图片、双指缩放等。
  • Viewer模式：让用户可以在不离开页面的情况下查看大图。这节省了用户的时间和流量，并且提供了更好的用户体验。
  • 响应式设计：根据屏幕大小和方向自动调整布局。这使得PhotoSwipe可以在各种设备上运行，包括手机、平板电脑和桌面计算机。
  • 支持多种格式：JPEG、PNG、GIF、SVG等。这使得PhotoSwipe可以显示几乎所有类型的图像。

4.3 优缺点

优点：

  • 专为移动设备设计，触摸友好型。
  • 响应式设计，自适应不同屏幕大小和方向。
  • 滑动手势浏览、缩放图片等功能丰富。
  • 支持多种格式的图像。
  • Viewer模式节省用户时间和流量。

缺点：

  • 对于不支持触摸事件的设备可能不太友好。
  • 对于一些复杂的需求可能需要额外的配置和开发。

5. Swipebox：基于jQuery的图片灯箱插件

Swipebox是一个基于jQuery的图片灯箱插件，它允许用户通过滑动手势浏览图片集合。Swipebox提供了简单易用的方式来创建响应式的图片灯箱，并支持触摸设备上的手势操作。本文将介绍Swipebox及其功能、优点和缺点，并提供一个实例代码展示。

5.1 简介

Swipebox是一个轻量级的jQuery插件，用于创建自定义的图片灯箱。它具有响应式设计，适应不同屏幕大小的设备，并支持触摸手势操作，如滑动切换图片。Swipebox还具有许多可配置的选项，以满足特定需求。

5.2 特性

5.2.1 安装与使用

要使用Swipebox，您需要在网页中引入jQuery库和Swipebox插件文件。您可以通过以下链接下载Swipebox：https://github.com/nazavode/swipebox

一旦您安装了Swipebox，可以使用以下代码将其应用到您的图片上：

<script src="path_to_your_jquery.js"></script>
<script src="path_to_your_swipebox.js"></script><!-- HTML Markup -->
<div class="swipebox"><a href="image1.jpg" title="Title 1"><img src="image1-thumb.jpg" alt=""></a><a href="image2.jpg" title="Title 2"><img src="image2-thumb.jpg" alt=""></a><!-- more images -->
</div><!-- Initialize Swipebox -->
<script>$(".swipebox").swipebox();
</script>
5.2.2 支持触摸手势

Swipebox支持触摸手势，使用户能够在触摸设备上通过滑动手势来浏览图片。用户可以通过滑动来切换图片，并在滑动时查看动画效果。这提供了更好的用户体验，并使图片浏览更加流畅。

5.3 优缺点

5.3.1 优点
  • 简单易用：Swipebox提供了简单的方式来创建自定义的图片灯箱，只需几行代码即可实现。
  • 响应式设计：Swipebox适应不同屏幕大小的设备，确保在各种设备上都能够正确显示。
  • 支持触摸手势：Swipebox支持触摸手势操作，提高了用户体验。
  • 可配置性：Swipebox提供了许多可配置的选项，可以根据具体需求进行定制。
5.3.2 缺点
  • 依赖jQuery：Swipebox需要jQuery库才能正常工作，如果您的项目没有使用jQuery，则需要额外引入jQuery库。
  • CSS兼容性问题：在某些情况下，Swipebox可能会与现有的CSS样式冲突，导致显示问题。这可能需要额外的CSS调整来解决冲突。

6. blueimp Gallery：功能丰富的响应式图像灯箱库

blueimp Gallery是一个功能丰富的响应式图像灯箱库，具有许多特性和灵活性，适用于各种网站和项目。它支持广泛的文件格式，并提供了简单易用的安装和使用方式。无论是展示单个图像还是整个画廊，blueimp Gallery都能提供出色的用户体验。

6.1 简介

blueimp Gallery是一个JavaScript库，用于创建响应式图像灯箱。它采用触摸屏设备，适用于移动设备和桌面浏览器。该库具有高度可定制性，并且可以通过插件系统进行扩展。blueimp Gallery通过创建一个浮动窗口来显示图像，该窗口可以在页面上移动。这使得用户可以查看大型或高分辨率图像，而无需离开当前页面。

6.2 特性

6.2.1 安装与使用

安装和使用blueimp Gallery非常简单。首先，您需要从官方网站下载所需的文件。然后将其包含在您的HTML文档中，并初始化JavaScript代码。您可以选择多种方法来初始化灯箱，包括使用数据属性、jQuery插件或手动初始化。

实例代码：

<!-- Include the blueimp Gallery CSS and JavaScript files -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/blueimp-gallery/2.41.0/css/blueimp-gallery.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/blueimp-gallery/2.41.0/js/blueimp-gallery.min.js"></script><!-- Add a container for the images -->
<div id="myGallery"><img src="image1.jpg" alt="Image 1"><img src="image2.jpg" alt="Image 2"><!-- Add more images as needed -->
</div><!-- Initialize the blueimp Gallery using jQuery -->
<script>
$(document).ready(function() {$('#myGallery').gallery();
});
</script>
6.2.2 广泛的文件格式支持

blueimp Gallery支持广泛的文件格式，包括JPEG、PNG、GIF、SVG等。这意味着您可以使用几乎任何类型的图像文件来创建画廊。此外，如果您使用的是HTML5，则还可以使用视频和音频文件来丰富您的画廊内容。

实例代码：

<!-- Add an image with a different file format -->
<img src="image3.svg" alt="Image 3">

6.3 优缺点

优点：

  • 功能丰富且灵活，适用于各种网站和项目。
  • 支持广泛的文件格式，包括JPEG、PNG、GIF、SVG等。
  • 简单易用的安装和使用方式，可通过多种方法初始化灯箱。
  • 高度可定制性，可以通过插件系统进行扩展。
  • 用户体验出色，可以在浮动窗口中查看大型或高分辨率图像。

总结

在对六种图像灯箱库进行综合评估后，我们可以得出以下结论：

  • Lightbox2是一个简单易用的图像灯箱库，适用于基本的图像展示需求。
  • Fancybox具有广泛的多媒体内容支持和高度可定制性，适用于复杂项目和多媒介内容的展示。
  • Magnific Popup以高性能和动画效果著称，提供流畅的用户体验。
  • PhotoSwipe专注于移动端优化，提供响应迅速的图像灯箱解决方案。
  • Swipebox支持触摸手势操作，适用于触控设备的图像展示。
  • blueimp Gallery功能丰富且广泛支持文件格式，适用于大规模和多样化的图像展示需求。

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

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

相关文章

算法训练与程序竞赛题目集合（L4）

算法训练与程序竞赛题目集合（L4）

目录 L4-103 就不告诉你 输入格式&#xff1a; 输出格式&#xff1a; 输入样例&#xff1a; 输出样例&#xff1a; L4-104 Wifi密码 输入格式&#xff1a; 输出格式&#xff1a; 输入样例&#xff1a; 输出样例&#xff1a; L4-105 冠军魔术 输入格式&#xff1a; …
阅读更多...
Flutter TIM 项目配置

Flutter TIM 项目配置

目录 1. 设计说明 2. 参考资料索引 Flutter SDK 服务端 Rest API 腾讯后台 其他 3. TIM 整体架构 第一部分&#xff1a;APP 端 第二部分&#xff1a;腾讯服务器 第三部分&#xff1a;三方服务 第四部分&#xff1a;你自己的服务器 4. TIM SDK 集成 TUIK 含 UI 集成…
阅读更多...
物联网系统运维——数据库部署

物联网系统运维——数据库部署

一.MySQL 1.概要 MySQL是一种关联数据库管理系统&#xff0c;关联数据:而不是将所有数据放在一个大仓库内&#xff0c;这样就增加了速度并提高了灵活性库将数据保存在不同的表中。性能高、成本低、可靠性好&#xff0c;已经成为最流行的开源数据库。 二.MySQL安装与配置 1. …
阅读更多...
DataStructure.时间和空间复杂度

DataStructure.时间和空间复杂度

时间和空间复杂度 【本节目标】1. 如何衡量一个算法的好坏2. 算法效率3. 时间复杂度3.1 时间复杂度的概念3.2 大O的渐进表示法3.3 推导大O阶方法3.4 常见时间复杂度计算举例3.4.1 示例13.4.2 示例23.4.3 示例33.4.4 示例43.4.5 示例53.4.6 示例63.4.7 示例7 4.空间复杂度4.1 示…
阅读更多...
redis-实战篇（8）达人探店

redis-实战篇（8）达人探店

8、达人探店 8.1、达人探店-发布探店笔记 发布探店笔记 探店笔记类似点评网站的评价&#xff0c;往往是图文结合。对应的表有两个&#xff1a; tb_blog&#xff1a;探店笔记表&#xff0c;包含笔记中的标题、文字、图片等 tb_blog_comments&#xff1a;其他用户对探店笔记的…
阅读更多...
程序员绩效管理-可行性调研

程序员绩效管理-可行性调研

针对这个市场进行了小范围的可行性调研。因为这个项目一开始就定义为走融资上市的路子&#xff0c;第一步是众筹起步。 总结的结论如下&#xff1a; 1、痛点是真的痛。研发企业对自己团队的开发效率是心知肚明&#xff0c;恨铁不成钢。 2、市场上类似的软件也不少&#xff0c;企…
阅读更多...
深入解析数据库设计的三大范式：确保数据结构的完美设计

深入解析数据库设计的三大范式：确保数据结构的完美设计

目录 引言范式化的基本概念第一范式&#xff08;1NF&#xff09; 定义1NF 的例子 第二范式&#xff08;2NF&#xff09; 定义2NF 的例子 第三范式&#xff08;3NF&#xff09; 定义3NF 的例子 进一步范式化&#xff1a;BCNF、4NF 和 5NF 简介范式化的利弊结论 引言 数据库是…
阅读更多...
再谈啤酒的生物化学成分与生理学功能

再谈啤酒的生物化学成分与生理学功能

再谈啤酒的生物化学成分与生理学功能 李升伟 啤酒的生物化学成分主要包括酒精、水、碳酸氢盐、多酚、蛋白质、酯类、高级醇等。 1. 酒精&#xff1a;酒精是啤酒的主要成分&#xff0c;决定了啤酒的酒精度和口感。酒精在人体内可以提供能量&#xff0c;并对神经系统产生影响。…
阅读更多...
MySQL之表碎片化

MySQL之表碎片化

文章目录 1. 前言2. InnoDB表碎片3. 清除表碎片3.1 查找碎片化严重的表3.2 清除碎片 4. 小结5. 参考 1. 前言 周一在对线上表进行数据清除时&#xff0c;发现一个问题&#xff0c;我要清除的单表大概有2500w条数据&#xff0c;清除数据大概在1300w条左右&#xff0c;清除之前通…
阅读更多...
网格处理库 pmp-library 编译及应用笔记 -- 已全部解决√

网格处理库 pmp-library 编译及应用笔记 -- 已全部解决√

多边形网格处理库Polygon Mesh Processing Library&#xff0c;简称pmp-library的 编译及应用笔记 – 已全部解决√ 官网&#xff1a;https://www.pmp-library.org/index.html 代码&#xff1a;https://github.com/pmp-library/pmp-library 平台&#xff1a;Ubuntu1 20.04&…
阅读更多...
Bandzip：打破压缩界限，文件管理更高效

Bandzip：打破压缩界限，文件管理更高效

名人说&#xff1a;&#xff1a;一点浩然气&#xff0c;千里快哉风。 ——苏轼 创作者&#xff1a;Code_流苏(CSDN)&#xff08;一个喜欢古诗词和编程的Coder&#x1f60a;&#xff09; 目录 一、软件介绍1、Bandzip2、核心特点 二、下载安装1、下载2、安装 三、使用方法 很高兴…
阅读更多...
C语言中操作符详解（二）

C语言中操作符详解（二）

OK&#xff0c;今天继续为诸君带来有关C语言中操作符的讲解 一 . 位操作符 C语言中的位操作符我相信大家并不陌生&#xff0c;我们在之前就已经接触过了一些 位操作符&#xff08;位操作符的操作数只能是整数&#xff09;&#xff1a; &#xff08;1&#xff09;& &…
阅读更多...
Origin较好用的科研绘图软件

Origin较好用的科研绘图软件

推荐自己也在用的科研绘图软件Origin图所示&#xff1a; 图1 图2 图3
阅读更多...
WMS项目测试点

WMS项目测试点

这里写目录标题 最后附有图片 仓库系统 仓库 / 库区 仓库 新增仓库 编号 必填校验 字段长度校验 20为字符 数据类型校验 名称 必填校验 字段长度校验 20为字符 数据类型校验 备注 填写备注校验 字符长度限制 不填写备注校验 新增仓库之后是否可以通过查询仓库名称和仓库编号查询…
阅读更多...
poi生成的excel，输入数字后变成1.11111111111111E+23

poi生成的excel，输入数字后变成1.11111111111111E+23

poi版本4.1.2 生成excel后&#xff0c;单元格输入数字&#xff0c;过长的话变成这样 解决&#xff1a;生成的时候设置单元格格式为文本格式 import org.apache.poi.ss.usermodel.*; import org.apache.poi.xssf.usermodel.XSSFWorkbook;import java.io.FileOutputStream; imp…
阅读更多...
数据结构与算法笔记：基础篇 - 初始动态规划：如何巧妙解决“双十一”购物时的凑单问题？

数据结构与算法笔记：基础篇 - 初始动态规划：如何巧妙解决“双十一”购物时的凑单问题？

概述 淘宝的 “双十一” 购物节有各种促销活动&#xff0c;比如 “满 200 元减 50元”。假设你女朋友购物车中有 n 个&#xff08;n > 100&#xff09;想买的商品&#xff0c;它希望从里面选几个&#xff0c;在凑够满减条件的前提下&#xff0c;让选出来的商品价格总和最长…
阅读更多...
学习笔记——路由网络基础——路由转发

学习笔记——路由网络基础——路由转发

六、路由转发 1、最长匹配原则 最长匹配原则 是支持IP路由的设备默认的路由查找方式(事实上几乎所有支持IP路由的设备都是这种查找方式)。当路由器收到一个IP数据包时&#xff0c;会将数据包的目的IP地址与自己本地路由表中的表项进行逐位(Bit-By-Bit)的逐位查找&#xff0c;…
阅读更多...
一元线性回归模型 多元线性回归模型回归模型评估

一元线性回归模型 多元线性回归模型回归模型评估

本人详解 作者：王文峰，参加过 CSDN 2020年度博客之星，《Java王大师王天师》 公众号：JAVA开发王大师，专注于天道酬勤的 Java 开发问题中国国学、传统文化和代码爱好者的程序人生，期待你的关注和支持！本人外号：神秘小峯 山峯 转载说明：务必注明来源（注明：作者：王文峰…
阅读更多...
Vue41 ref属性

Vue41 ref属性

ref属性 ref是Vue提供的获取组件的属性 <template><div><h1 v-text"msg" ref"title"></h1><button ref"btn" click"showDOM">点我输出上方的DOM元素</button><MySchool ref"sch"…
阅读更多...
若依微服务项目09 - swagger如何不显示某个模块的接口文档

若依微服务项目09 - swagger如何不显示某个模块的接口文档

在若依微服务项目中&#xff0c;如果不想暴露某个模块的swagger的接口文档&#xff0c;需要怎么做&#xff1f; 本文以ruoyi-gen模块进行举例说明。 默认情况下&#xff0c;可以看到这里包含了ruoyi-gen模块&#xff0c;我们要做的是&#xff0c;要将ruoyi-gen进行隐藏。 最终的…
阅读更多...
最新文章

Copyright @ 2022~2023