C++在虚拟机中如何完成环境搭建

答案:在虚拟机中搭建C++开发环境需选择虚拟机软件(如VirtualBox)、安装Linux系统(推荐Ubuntu LTS),安装增强工具后通过包管理器配置GCC、CMake、GDB等工具链,并选用VS Code或CLion等编辑器;其优势在于环境隔离、版本控制和快照恢复,避免依赖冲突,同时支持跨平台开发和团队协作;性能优化包括分配足够资源、开启硬件虚拟化、使用SSD存储并安装增强功能;常见问题如编译器缺失可通过安装build-essential解决,网络与共享文件夹问题可检查适配器设置和权限;进一步可结合CI/CD实现自动化构建测试,或采用Docker容器化提升环境一致性与可移植性,相比虚拟机更轻量高效。

c++在虚拟机中如何完成环境搭建

在虚拟机中搭建C++开发环境,本质上就是在一个隔离的虚拟操作系统里,安装好你需要的编译器、构建工具和代码编辑器。这听起来可能有些复杂,但实际操作起来,无非就是选好虚拟机软件,装个Linux系统,然后敲几行命令把GCC、CMake、VS Code这些工具装上去。一旦你掌握了核心步骤,你会发现它比想象中要直接得多,而且能给你带来一个干净、可控的开发空间。

解决方案

搭建C++开发环境,我通常会从以下几个方面入手,每一步都有它自己的考量:

首先,选择一款合适的虚拟机软件。我个人比较倾向于VirtualBox,因为它开源免费,上手快,社区支持也挺好。当然,VMware Workstation Player也是个不错的选择,尤其是在Windows上,它在某些方面可能会提供更流畅的体验。

接下来是选择操作系统。对于C++开发,Linux几乎是默认选项。Ubuntu LTS版本(长期支持版)是我最常推荐的,它兼顾了新特性和稳定性,而且有庞大的社区支持,遇到问题很容易找到解决方案。你也可以选择Debian或Fedora,这取决于你的个人偏好和对系统稳定性的要求。在虚拟机里安装Linux和在物理机上差不多,按照向导一步步来就行。

立即学习“C++免费学习笔记(深入)”;

系统装好后,第一件要做的事就是安装“增强功能”或“Tools”(VirtualBox叫Guest Additions,VMware叫VMware Tools)。这玩意儿能极大提升虚拟机的使用体验,比如让鼠标无缝切换、调整屏幕分辨率、实现主机和虚拟机之间的文件共享等。

然后,就是C++开发工具链的核心了。在Linux上,通常通过包管理器来安装:

更新包列表sudo apt update安装构建工具sudo apt install build-essential。这个包非常关键,它会把GCC/G++编译器、Make工具等都一并安装好。安装CMake:对于稍微复杂一点的C++项目,CMake几乎是标配。sudo apt install cmake安装调试器:GDB是Linux下最常用的C++调试器。sudo apt install gdb选择并安装IDE/代码编辑器VS Code:轻量级但功能强大,通过安装C/C++扩展包、CMake Tools扩展等,可以打造一个非常舒适的开发环境。你可以从官网下载.deb包直接安装,或者使用snap包管理器:sudo snap install --classic codeCLion:如果你追求一个功能齐全、开箱即用的IDE,并且预算充足,CLion是个绝佳选择。它对CMake项目支持非常好。Vim/Emacs:对于硬核开发者,这两个编辑器的配置和使用本身就是一门艺术,但它们能提供无与伦比的效率和定制性。

最后,别忘了测试一下环境。写一个简单的“Hello World”程序,编译并运行,确保所有工具都正常工作。

// hello.cpp#include int main() {    std::cout << "Hello from VM C++ environment!" << std::endl;    return 0;}

编译:g++ hello.cpp -o hello运行:./hello

如果能看到输出,那么恭喜你,环境基本就搭好了。

为什么要在虚拟机里搭建C++环境?它有什么好处?

我经常听到有人问,为什么不直接在主机上装C++环境呢?非得折腾个虚拟机?其实,这里面学问还挺多的。对我而言,虚拟机最大的魅力在于它的隔离性可控性

想象一下,你的主机系统可能已经安装了各种软件,各种库文件,C++项目往往对编译器版本、库版本有非常严格的要求。如果你直接在主机上安装,很可能因为版本冲突或者各种依赖问题,把系统搞得一团糟。而在虚拟机里,你拥有一个干净的沙盒环境。你可以随意安装、卸载,甚至“玩坏”它,然后通过快照功能一键恢复到之前的状态。这就像拥有了无限次“后悔药”,对于学习新框架、测试不稳定代码或者参与多个对环境要求不同的项目来说,简直是救星。我个人就经常为不同的项目创建独立的虚拟机,确保它们之间互不干扰。

此外,虚拟机还提供了可移植性。你可以把整个虚拟机文件复制到另一台电脑上,然后直接启动,你的开发环境就完整地迁移过去了。这对于团队协作或者在不同设备上工作时非常方便。它也提供了一个多操作系统开发的可能,比如你的主机是Windows,但你需要一个Linux环境来测试你的C++代码,虚拟机就是最佳选择。它让你在不影响主机系统的前提下,能够自由地探索和学习不同的开发环境。

如何选择合适的Linux发行版和C++开发工具链?

选择合适的Linux发行版和C++开发工具链,其实很大程度上取决于你的经验水平、项目需求以及个人偏好。没有绝对的“最佳”组合,只有最适合你的。

Linux发行版选择:

Ubuntu (LTS版本):这是我最常推荐给初学者和大多数开发者的。它拥有庞大的用户群体和活跃的社区,这意味着你遇到任何问题,几乎都能在网上找到解决方案。LTS版本提供长期的支持,稳定性好,软件包更新也比较及时。Debian:如果你追求极致的稳定性和可靠性,Debian是个不错的选择。它的软件包更新周期相对较长,但系统非常坚如磐石,适合服务器环境或者对稳定性有极高要求的开发。Fedora:如果你喜欢尝试最新的技术,对软件包版本有较高要求,Fedora会更适合你。它是Red Hat Enterprise Linux (RHEL) 的上游项目,更新速度快,但相对来说可能不如Ubuntu那么“开箱即用”。

C++开发工具链选择:

编译器 (Compiler)GCC (GNU Compiler Collection):这是Linux下C++开发的标准,也是最常用的编译器。通过build-essential包安装的通常就是GCC/G++。它功能强大,支持多种C++标准,并且有非常丰富的优化选项。Clang:一个现代化的编译器前端,与LLVM项目紧密结合。Clang在错误诊断方面通常比GCC更友好、更清晰。如果你追求更好的开发体验和更快的编译速度(在某些情况下),Clang是个很好的替代品。很多开发者现在都在从GCC转向Clang,或者两者并用。构建系统 (Build System)Make:最基础的构建工具,通过Makefile文件来定义编译规则。对于小型项目或者对构建过程有极致控制需求时非常有用。CMake:对于任何稍微复杂一点的C++项目,CMake几乎是必选。它是一个跨平台的构建系统生成器,可以生成Makefile、Visual Studio项目文件等。学习CMake可能需要一些时间,但它的投入回报是巨大的,尤其是在管理大型项目和跨平台开发时。Bazel/Meson:更现代的构建系统,提供了更高级的功能,如并行构建、缓存等,但在社区普及度和上手难度上可能不如CMake。IDE/代码编辑器 (Integrated Development Environment / Code Editor)VS Code (Visual Studio Code):我个人最常用的。它轻量级、开源,并且通过丰富的扩展(如C/C++ Extension Pack, CMake Tools, GDB Debugger)可以变成一个功能强大的C++ IDE。它的调试功能也非常好用。CLion:如果你需要一个全功能的、智能的C++ IDE,并且愿意付费,CLion是JetBrains出品的精品。它对CMake项目的支持非常出色,代码分析、重构和调试功能都非常强大。Vim/Emacs:对于那些追求极致效率和键盘操作的开发者来说,Vim和Emacs是永恒的经典。它们需要投入大量时间学习和配置,但一旦掌握,效率无与伦比。

一个实用的例子:在Ubuntu上,安装一个常用的C++开发环境,通常会运行:

sudo apt updatesudo apt install build-essential gdb cmake

然后,如果你想用VS Code,可以从其官网下载.deb包,然后通过sudo dpkg -i code_*.deb安装。安装完成后,在VS Code中搜索并安装C/C++CMake Tools等扩展。

对于一个简单的CMake项目,你的CMakeLists.txt可能长这样:

cmake_minimum_required(VERSION 3.10)project(MyCppProject CXX)add_executable(my_program main.cpp)

这样,你就可以在项目根目录运行cmake .然后make来编译你的程序了。

虚拟机性能优化与常见问题排查

在虚拟机里开发C++,性能问题和各种小毛病是常有的事。没人喜欢一个卡顿的开发环境,所以性能优化和故障排查就显得尤为重要。

虚拟机性能优化:

分配足够的资源:这是最基本也最关键的一点。给虚拟机分配足够的RAM和CPU核心。我通常会给Linux虚拟机分配至少4GB内存和2个CPU核心,如果主机配置允许,甚至更多。内存不足会导致系统频繁使用交换空间,磁盘I/O会成为瓶颈,从而让整个系统变得异常缓慢。开启硬件虚拟化:确保你的电脑BIOS/UEFI中开启了Intel VT-x或AMD-V虚拟化技术。这是虚拟机软件发挥性能的基础,没有它,虚拟机运行效率会大打折扣。安装增强功能/Tools:前面提到过,Guest Additions或VMware Tools不仅能改善用户体验,还能安装优化驱动,提升图形、网络和磁盘I/O性能。使用SSD存储虚拟机文件:如果你的主机有SSD,务必把虚拟机的磁盘文件放在SSD上。机械硬盘的读写速度是虚拟机性能瓶颈的常见原因,特别是编译大型C++项目时,大量的磁盘I/O会让你抓狂。禁用不必要的虚拟机功能:比如USB 3.0控制器、声卡、打印机等,如果用不到,可以考虑在虚拟机设置中禁用,减少资源占用。定期清理虚拟机磁盘:虚拟机磁盘文件会随着使用而膨胀。定期清理垃圾文件,然后使用虚拟机软件的“压缩”或“碎片整理”功能,可以减小磁盘文件大小,有时也能提升一点性能。

常见问题排查:

虚拟机运行缓慢:检查是否开启了硬件虚拟化。确认分配的RAM和CPU是否足够。确认是否安装了Guest Additions/VMware Tools。检查虚拟机磁盘文件是否在SSD上。网络连接问题NAT模式:虚拟机可以访问外部网络,但外部无法直接访问虚拟机。这是默认且最常用的模式。桥接模式 (Bridged Adapter):虚拟机和主机在同一网络中,拥有独立的IP地址,可以互相访问。如果你需要从主机SSH连接到虚拟机,或者让虚拟机在局域网中可见,选择桥接模式。检查虚拟机的网络适配器设置,确保选择了正确的模式,并且网络连接是“已连接”状态。共享文件夹无法访问:确保Guest Additions/VMware Tools已正确安装。检查共享文件夹的权限设置,确保虚拟机用户有访问权限。在Linux虚拟机中,共享文件夹通常会挂载在/media/sf_YourShareName/mnt/hgfs/YourShareName下。显示分辨率异常/鼠标卡顿:通常也是Guest Additions/VMware Tools未安装或安装不正确导致。重新安装或更新它们。在虚拟机设置中,适当增加显存大小。C++编译报错“command not found”或“No such file or directory”g++: command not found:意味着GCC编译器没有安装或者不在系统的PATH环境变量中。请确保你运行了sudo apt install build-essential头文件或库找不到:检查你的CMakeLists.txtMakefile,确保所有依赖的头文件路径(include_directories)和库文件路径(link_directories)都已正确指定,并且相应的开发库(如libboost-dev)已安装。PATH环境变量:当你在终端输入一个命令时,系统会去PATH环境变量里列出的目录查找这个可执行文件。如果你的某个工具安装在非标准路径,或者PATH配置有问题,就可能出现“command not found”。

排查问题时,我的经验是:从最简单、最明显的地方开始。先检查虚拟机是否启动,网络线是否“插好”,再去看更深层次的系统配置和代码逻辑。仔细阅读错误信息,很多时候,错误信息本身就是最好的指引。

持续集成/部署(CI/CD)与容器化在C++开发中的应用

当我们谈论在虚拟机中搭建C++环境时,这通常是指本地开发环境。但如果你想把C++开发提升到更专业的水平,或者在团队中协作,那么持续集成/部署 (CI/CD)容器化 (Containerization) 是两个非常值得深入了解的概念。它们某种程度上是对虚拟机环境的一种扩展和演进。

CI/CD在C++开发中的应用:

CI/CD的核心思想是自动化构建、测试和部署代码。对于C++项目,这意味着:

自动化编译:每次代码提交后,CI系统会自动拉取最新代码,并在一个预设好的环境中进行编译。这个环境可以是虚拟机,也可以是容器。自动化测试:编译成功后,会自动运行单元测试、集成测试等。这能及时发现代码中的问题,避免它们累积。代码质量检查:集成静态代码分析工具(如Clang-Tidy, Cppcheck)来检查代码风格和潜在的bug。自动化打包和发布:将编译好的可执行文件或库打包,并发布到制品库。

常见的CI/CD工具包括Jenkins、GitLab CI/CD、GitHub Actions、Azure DevOps等。它们都可以配置一个构建代理,这个代理可以是运行在虚拟机里的一个服务。通过CI/CD,你可以确保每次代码变更都经过严格的验证,大大提高代码质量和开发效率。我个人觉得,对于任何规模的C++团队,CI/CD都是不可或缺的,它能把“在我机器上能跑”的问题扼杀在摇篮里。

容器化(Docker)在C++开发中的应用:

如果说虚拟机提供的是一个完整的操作系统隔离,那么容器(最典型的就是Docker)提供的是应用层面的隔离,它比虚拟机更轻量、启动更快,资源占用更少。对于C++开发来说,容器化带来了革命性的改变:

环境一致性:通过Dockerfile,你可以精确定义C++开发环境所需的一切:操作系统基础镜像、编译器版本、依赖库、环境变量等。这样,无论是开发者的本地机器、CI服务器还是生产环境,都能保证使用完全相同的构建环境,彻底解决了“在我机器上能跑”的问题。快速启动和销毁:容器可以在几秒钟内启动,用完即弃,非常适合临时性的构建、测试任务。可移植性:一个Docker镜像可以轻松地在任何支持Docker的机器上运行,无需担心底层操作系统差异。简化依赖管理:所有项目依赖都封装在容器内,避免了与主机系统或其他项目产生冲突。

一个简单的C++ Dockerfile示例:

# 使用一个Ubuntu作为基础镜像FROM ubuntu:22.04# 更新系统并安装C++开发工具链RUN apt update &&     apt install -y build-essential cmake git &&     rm -rf /var/lib/apt/lists/*# 设置工作目录WORKDIR /app# 复制项目代码到容器中# 这里的 . . 表示将当前目录的所有文件复制到容器的 /app 目录COPY . .# 构建项目 (假设你的项目使用CMake)# RUN mkdir build && cd build && cmake .. && make# 更简洁的方式,直接在 /app 下构建RUN cmake . && make# 定义容器启动时执行的命令# 假设你的可执行文件是 my_programCMD ["./my_program"]

有了这个Dockerfile,你只需要在项目根目录运行docker build -t my-cpp-app .来构建镜像,然后docker run my-cpp-app就能运行你的程序。

VM vs. Docker for C++ environments:

虚拟机:提供完整的操作系统隔离,适合需要运行不同操作系统、或者需要深入底层系统配置的场景。资源占用相对较高。Docker容器:提供应用层面的隔离,共享主机操作系统内核,更轻量、启动更快,适合构建可重复、可移植的开发和运行环境。在现代C++开发中,容器化正变得越来越流行,尤其是在微服务架构和云原生应用中。

对我来说,虚拟机和容器并不是非此即彼

以上就是C++在虚拟机中如何完成环境搭建的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1478299.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2025年12月19日 02:48:15
下一篇 2025年12月19日 02:48:33

相关推荐

  • CSS元素设置em和transition后,为何载入页面无放大效果?

    css元素设置em和transition后,为何载入无放大效果 很多开发者在设置了em和transition后,却发现元素载入页面时无放大效果。本文将解答这一问题。 原问题:在视频演示中,将元素设置如下,载入页面会有放大效果。然而,在个人尝试中,并未出现该效果。这是由于macos和windows系统…

    2025年12月24日
    200
  • 如何模拟Windows 10 设置界面中的鼠标悬浮放大效果?

    win10设置界面的鼠标移动显示周边的样式(探照灯效果)的实现方式 在windows设置界面的鼠标悬浮效果中,光标周围会显示一个放大区域。在前端开发中,可以通过多种方式实现类似的效果。 使用css 使用css的transform和box-shadow属性。通过将transform: scale(1.…

    2025年12月24日
    200
  • 如何用HTML/JS实现Windows 10设置界面鼠标移动探照灯效果?

    Win10设置界面中的鼠标移动探照灯效果实现指南 想要在前端开发中实现类似于Windows 10设置界面的鼠标移动探照灯效果,有两种解决方案:CSS 和 HTML/JS 组合。 CSS 实现 不幸的是,仅使用CSS无法完全实现该效果。 立即学习“前端免费学习笔记(深入)”; HTML/JS 实现 要…

    2025年12月24日
    000
  • 如何用前端实现 Windows 10 设置界面的鼠标移动探照灯效果?

    如何在前端实现 Windows 10 设置界面中的鼠标移动探照灯效果 想要在前端开发中实现 Windows 10 设置界面中类似的鼠标移动探照灯效果,可以通过以下途径: CSS 解决方案 DEMO 1: Windows 10 网格悬停效果:https://codepen.io/tr4553r7/pe…

    2025年12月24日
    000
  • 如何用前端技术实现Windows 10 设置界面鼠标移动时的探照灯效果?

    探索在前端中实现 Windows 10 设置界面鼠标移动时的探照灯效果 在前端开发中,鼠标悬停在元素上时需要呈现类似于 Windows 10 设置界面所展示的探照灯效果,这其中涉及到了元素外围显示光圈效果的技术实现。 CSS 实现 虽然 CSS 无法直接实现探照灯效果,但可以通过以下技巧营造出类似效…

    2025年12月24日
    000
  • HTML、CSS 和 JavaScript 中的简单侧边栏菜单

    构建一个简单的侧边栏菜单是一个很好的主意,它可以为您的网站添加有价值的功能和令人惊叹的外观。 侧边栏菜单对于客户找到不同项目的方式很有用,而不会让他们觉得自己有太多选择,从而创造了简单性和秩序。 今天,我将分享一个简单的 HTML、CSS 和 JavaScript 源代码来创建一个简单的侧边栏菜单。…

    2025年12月24日
    200
  • 前端代码辅助工具:如何选择最可靠的AI工具?

    前端代码辅助工具:可靠性探讨 对于前端工程师来说,在HTML、CSS和JavaScript开发中借助AI工具是司空见惯的事情。然而,并非所有工具都能提供同等的可靠性。 个性化需求 关于哪个AI工具最可靠,这个问题没有一刀切的答案。每个人的使用习惯和项目需求各不相同。以下是一些影响选择的重要因素: 立…

    2025年12月24日
    000
  • 带有 HTML、CSS 和 JavaScript 工具提示的响应式侧边导航栏

    响应式侧边导航栏不仅有助于改善网站的导航,还可以解决整齐放置链接的问题,从而增强用户体验。通过使用工具提示,可以让用户了解每个链接的功能,包括设计紧凑的情况。 在本教程中,我将解释使用 html、css、javascript 创建带有工具提示的响应式侧栏导航的完整代码。 对于那些一直想要一个干净、简…

    2025年12月24日
    000
  • 布局 – CSS 挑战

    您可以在 github 仓库中找到这篇文章中的所有代码。 您可以在这里查看视觉效果: 固定导航 – 布局 – codesandbox两列 – 布局 – codesandbox三列 – 布局 – codesandbox圣杯 &#8…

    2025年12月24日
    000
  • 隐藏元素 – CSS 挑战

    您可以在 github 仓库中找到这篇文章中的所有代码。 您可以在此处查看隐藏元素的视觉效果 – codesandbox 隐藏元素 hiding elements hiding elements hiding elements hiding elements hiding element…

    2025年12月24日
    400
  • 居中 – CSS 挑战

    您可以在 github 仓库中找到这篇文章中的所有代码。 您可以在此处查看垂直中心 – codesandbox 和水平中心的视觉效果。 通过 css 居中 垂直居中 centering centering centering centering centering centering立即…

    2025年12月24日 好文分享
    300
  • 如何在 Laravel 框架中轻松集成微信支付和支付宝支付?

    如何用 laravel 框架集成微信支付和支付宝支付 问题:如何在 laravel 框架中集成微信支付和支付宝支付? 回答: 建议使用 easywechat 的 laravel 版,easywechat 是一个由腾讯工程师开发的高质量微信开放平台 sdk,已被广泛地应用于许多 laravel 项目中…

    2025年12月24日
    000
  • 如何在移动端实现子 div 在父 div 内任意滑动查看?

    如何在移动端中实现让子 div 在父 div 内任意滑动查看 在移动端开发中,有时我们需要让子 div 在父 div 内任意滑动查看。然而,使用滚动条无法实现负值移动,因此需要采用其他方法。 解决方案: 使用绝对布局(absolute)或相对布局(relative):将子 div 设置为绝对或相对定…

    2025年12月24日
    000
  • 移动端嵌套 DIV 中子 DIV 如何水平滑动?

    移动端嵌套 DIV 中子 DIV 滑动 在移动端开发中,遇到这样的问题:当子 DIV 的高度小于父 DIV 时,无法在父 DIV 中水平滚动子 DIV。 无限画布 要实现子 DIV 在父 DIV 中任意滑动,需要创建一个无限画布。使用滚动无法达到负值,因此需要使用其他方法。 相对定位 一种方法是将子…

    2025年12月24日
    000
  • 移动端项目中,如何消除rem字体大小计算带来的CSS扭曲?

    移动端项目中消除rem字体大小计算带来的css扭曲 在移动端项目中,使用rem计算根节点字体大小可以实现自适应布局。但是,此方法可能会导致页面打开时出现css扭曲,这是因为页面内容在根节点字体大小赋值后重新渲染造成的。 解决方案: 要避免这种情况,将计算根节点字体大小的js脚本移动到页面的最前面,即…

    2025年12月24日
    000
  • Nuxt 移动端项目中 rem 计算导致 CSS 变形,如何解决?

    Nuxt 移动端项目中解决 rem 计算导致 CSS 变形 在 Nuxt 移动端项目中使用 rem 计算根节点字体大小时,可能会遇到一个问题:页面内容在字体大小发生变化时会重绘,导致 CSS 变形。 解决方案: 可将计算根节点字体大小的 JS 代码块置于页面最前端的 标签内,确保在其他资源加载之前执…

    2025年12月24日
    200
  • Nuxt 移动端项目使用 rem 计算字体大小导致页面变形,如何解决?

    rem 计算导致移动端页面变形的解决方法 在 nuxt 移动端项目中使用 rem 计算根节点字体大小时,页面会发生内容重绘,导致页面打开时出现样式变形。如何避免这种现象? 解决方案: 移动根节点字体大小计算代码到页面顶部,即 head 中。 原理: flexível.js 也遇到了类似问题,它的解决…

    2025年12月24日
    000
  • 形状 – CSS 挑战

    您可以在 github 仓库中找到这篇文章中的所有代码。 您可以在此处查看 codesandbox 的视觉效果。 通过css绘制各种形状 如何在 css 中绘制正方形、梯形、三角形、异形三角形、扇形、圆形、半圆、固定宽高比、0.5px 线? shapes 0.5px line .square { w…

    2025年12月24日
    000
  • 有哪些美观的开源数字大屏驾驶舱框架?

    开源数字大屏驾驶舱框架推荐 问题:有哪些美观的开源数字大屏驾驶舱框架? 答案: 资源包 [弗若恩智能大屏驾驶舱开发资源包](https://www.fanruan.com/resource/152) 软件 [弗若恩报表 – 数字大屏可视化组件](https://www.fanruan.c…

    2025年12月24日
    000
  • 网站底部如何实现飘彩带效果?

    网站底部飘彩带效果的 js 库实现 许多网站都会在特殊节日或活动中添加一些趣味性的视觉效果,例如点击按钮后散发的五彩缤纷的彩带。对于一个特定的网站来说,其飘彩带效果的实现方式可能有以下几个方面: 以 https://dub.sh/ 网站为例,它底部按钮点击后的彩带效果是由 javascript 库实…

    2025年12月24日
    000

发表回复

登录后才能评论
关注微信