C++如何配置CMakeLists文件进行编译

配置CMakeLists.txt文件是为CMake构建系统提供项目结构、源文件位置、依赖库和生成目标的指令集,使其能生成平台专用的构建文件(如Makefile或Visual Studio项目),进而完成C++项目的编译。核心步骤包括:指定最低CMake版本(cmake_minimum_required)、定义项目信息(project)、添加可执行文件或库(add_executable/add_library)、设置头文件路径(target_include_directories)以及链接依赖库(target_link_libraries)。对于多文件多目录项目,推荐使用add_subdirectory()实现模块化管理,每个子目录独立配置CMakeLists.txt,提升可维护性;避免过度依赖file(GLOB)自动收集源文件,以防隐式构建问题。集成第三方库首选find_package(),利用库自带的CMake配置查找并导入目标,若不可用则通过pkg-config或手动指定头文件与库路径(set + target_include/link_directories)进行链接。常见错误如编译器缺失、库未找到、链接失败等,可通过检查环境变量、安装路径、版本匹配、链接顺序,并结合message()调试、清除build缓存、逐步验证等方式排查。最终确保CMake正确生成构建文件,实现高效稳定的C++项目编译流程。

c++如何配置cmakelists文件进行编译

配置C++项目进行编译,通过

CMakeLists.txt

文件,本质上是给CMake这个构建系统生成器一个详细的指令集。它告诉CMake你的源代码在哪里、需要哪些外部库、如何生成最终的可执行文件或者库,然后CMake会根据这些指令为你生成平台特定的构建文件(比如Linux上的Makefile或Windows上的Visual Studio项目文件),最后你就可以用这些构建文件来编译你的项目了。

配置

CMakeLists.txt

文件进行C++编译,核心在于通过一系列指令告诉CMake你的项目有哪些源文件、需要哪些库、如何生成可执行文件或库。它就像一个项目构建的“剧本”,指导CMake生成Makefile或Visual Studio项目文件,最终完成编译。

解决方案

一个典型的

CMakeLists.txt

文件通常会包含以下几个关键部分:

指定CMake的最低版本要求:这是最基本的,确保你的项目在一个兼容的CMake版本下构建。

cmake_minimum_required(VERSION 3.10)

定义项目名称:给你的项目一个名字,这个名字通常会用于生成一些默认的变量。

project(MyCppProject LANGUAGES CXX) # 指定项目语言为C++

添加可执行文件或库:这是最核心的部分,告诉CMake你的项目要生成什么。

可执行文件:

add_executable(my_app # 生成的可执行文件名称               src/main.cpp # 源文件列表,可以有多个               src/utils.cpp)

静态库:

add_library(my_static_lib STATIC # 库名称和类型            src/lib_func.cpp)

共享库:

add_library(my_shared_lib SHARED # 库名称和类型            src/lib_func.cpp)

指定头文件搜索路径:如果你的项目头文件不在源文件同级目录,或者有公共头文件目录,就需要告诉编译器去哪里找。

target_include_directories(my_app PUBLIC # 针对my_app目标                           ${CMAKE_CURRENT_SOURCE_DIR}/include # 项目内部头文件                           /usr/local/include/some_lib) # 外部库头文件
PUBLIC

表示这个路径不仅对

my_app

本身有效,如果其他目标链接了

my_app

,它们也能“继承”这个头文件路径。

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

链接库:如果你的可执行文件或库依赖于其他的库(无论是你项目内部的库还是外部的第三方库),你需要将它们链接起来。

target_link_libraries(my_app PUBLIC # 针对my_app目标                      my_static_lib # 链接项目内部的静态库                      pthread # 链接系统库,如POSIX线程库                      Boost::system) # 链接通过find_package找到的Boost库

查找外部库:对于一些常见的第三方库,CMake提供了

find_package

命令来自动化查找和配置。

find_package(Boost 1.70 COMPONENTS system filesystem REQUIRED)# 如果找到,Boost::system和Boost::filesystem目标就可以被链接了

一个简单的例子,假设你有一个

main.cpp

add.h

/

add.cpp

.├── CMakeLists.txt├── include│   └── add.h└── src    ├── add.cpp    └── main.cpp
CMakeLists.txt

内容:

cmake_minimum_required(VERSION 3.10)project(MySimpleApp LANGUAGES CXX)# 添加一个静态库add_library(my_math STATIC            src/add.cpp)# 指定my_math库的头文件路径target_include_directories(my_math PUBLIC                           ${CMAKE_CURRENT_SOURCE_DIR}/include)# 添加可执行文件add_executable(my_app               src/main.cpp)# 指定my_app的头文件路径target_include_directories(my_app PRIVATE                           ${CMAKE_CURRENT_SOURCE_DIR}/include)# 链接my_app到my_math库target_link_libraries(my_app PUBLIC                      my_math)

编译流程:在一个空的

build

目录下(推荐在项目根目录外或创建一个

build

子目录):

mkdir buildcd buildcmake .. # .. 指向包含CMakeLists.txt的父目录make     # 或 cmake --build .

这会生成

my_app

可执行文件。

CMakeLists.txt如何有效管理C++项目的多文件和多目录结构?

管理多文件和多目录结构是大型C++项目构建的关键,

CMakeLists.txt

在这方面提供了几种策略,但有些用起来确实需要权衡。我个人比较偏爱清晰的模块化,避免过度依赖自动化工具去“猜”我的文件。

一种常见的做法是使用

add_subdirectory()

命令。当你有一个大型项目,里面包含多个独立的模块或子项目时,可以在主

CMakeLists.txt

中通过

add_subdirectory()

引入这些子目录。每个子目录都有自己的

CMakeLists.txt

文件,负责构建该模块的库或可执行文件。

例如,项目结构可能是这样:

.├── CMakeLists.txt (根目录)├── src│   ├── CMakeLists.txt (核心库)│   ├── core_module.cpp│   └── core_module.h├── utils│   ├── CMakeLists.txt (工具库)│   ├── util_func.cpp│   └── util_func.h└── app    ├── CMakeLists.txt (主应用)    └── main.cpp

根目录的

CMakeLists.txt

cmake_minimum_required(VERSION 3.10)project(MyBigProject LANGUAGES CXX)# 添加子目录,CMake会去这些目录找它们的CMakeLists.txtadd_subdirectory(src)add_subdirectory(utils)add_subdirectory(app)

src/CMakeLists.txt

add_library(core_lib STATIC            core_module.cpp)target_include_directories(core_lib PUBLIC                           ${CMAKE_CURRENT_SOURCE_DIR}) # 导出自己的头文件

utils/CMakeLists.txt

add_library(utils_lib STATIC            util_func.cpp)target_include_directories(utils_lib PUBLIC                           ${CMAKE_CURRENT_SOURCE_DIR})# 如果utils_lib依赖core_lib,这里可以链接# target_link_libraries(utils_lib PUBLIC core_lib)

app/CMakeLists.txt

add_executable(my_app               main.cpp)target_include_directories(my_app PRIVATE                           ${CMAKE_CURRENT_SOURCE_DIR}) # app自己的头文件target_link_libraries(my_app PUBLIC                      core_lib # 链接核心库                      utils_lib) # 链接工具库

这种分层管理的好处是,每个模块的构建逻辑都封装在自己的

CMakeLists.txt

中,清晰且易于维护。当一个模块的

CMakeLists.txt

定义了一个库或可执行文件,它就会成为一个CMake“目标”,其他

CMakeLists.txt

就可以直接通过其名称来引用和链接。

另一个管理多文件的方法是使用

file(GLOB_RECURSE ...)

来自动收集源文件。但我个人对此持保留态度,因为它可能会导致隐式的构建依赖,当新文件添加或删除时,CMake可能不会自动检测到,需要手动重新运行CMake。例如:

# 不太推荐,但有时为了快速原型开发会用file(GLOB_RECURSE SOURCES "src/*.cpp" "src/*.cxx")add_executable(my_app ${SOURCES})

这种方式在小型项目或快速测试时可以,但对于生产环境,明确列出每个源文件通常是更稳健的做法。毕竟,写清楚一点,后期排查问题时会省很多力气。

在C++项目中,CMakeLists.txt如何高效集成第三方库?

集成第三方库是C++项目开发中绕不开的话题,

CMakeLists.txt

提供了几种方法,各有优劣。我发现,最“优雅”的方式往往是依赖库本身提供的CMake配置,其次才是手动指定路径。

使用

find_package()

这是集成第三方库的首选方法。许多流行的C++库(如Boost, OpenCV, Eigen, Qt)都提供了自己的

Find.cmake

模块,或者更现代的“Config”模式文件(

PackageNameConfig.cmake

)。

find_package(Boost 1.70 COMPONENTS system filesystem REQUIRED)if (Boost_FOUND)    message(STATUS "Found Boost: ${Boost_LIBRARIES}")    # Boost::system 是一个导入目标,可以直接链接    target_link_libraries(my_app PUBLIC Boost::system Boost::filesystem)else()    message(FATAL_ERROR "Boost not found!")endif()
REQUIRED

关键字表示如果找不到该库,CMake配置过程会失败。

COMPONENTS

用于指定需要Boost库中的哪些模块。

find_package

成功后,通常会设置一些变量(如

Boost_INCLUDE_DIRS

,

Boost_LIBRARIES

)或创建导入目标(如

Boost::system

),这些就可以直接用于

target_include_directories

target_link_libraries

常见问题

find_package

找不到库。

原因: 库可能没有安装在标准位置,或者其CMake配置文件不在CMake的搜索路径中。解决方案:检查库是否正确安装。设置

CMAKE_PREFIX_PATH

环境变量,指向库的安装根目录。例如,如果Boost安装在

/opt/boost_1_70_0

,可以这样运行CMake:

cmake -DCMAKE_PREFIX_PATH=/opt/boost_1_70_0 ..

。有些库需要

find_package

的特定模块,比如

find_package(OpenCV REQUIRED)

使用

pkg-config

对于一些基于

pkg-config

的Unix-like系统上的库,

pkg-config

是一个非常方便的工具。CMake可以通过

find_package(PkgConfig)

来使用它。

find_package(PkgConfig REQUIRED)if (PKG_CONFIG_FOUND)    pkg_check_modules(SDL2 REQUIRED sdl2) # 查找SDL2库    if (SDL2_FOUND)        message(STATUS "Found SDL2: ${SDL2_INCLUDE_DIRS} ${SDL2_LIBRARIES}")        target_include_directories(my_app PUBLIC ${SDL2_INCLUDE_DIRS})        target_link_libraries(my_app PUBLIC ${SDL2_LIBRARIES})    endif()endif()

这在Linux上特别好用,可以省去手动指定路径的麻烦。

手动指定路径:如果库没有提供CMake模块,或者你需要在特定路径下使用它,就只能手动指定头文件和库文件的路径。这通常涉及设置变量和使用

target_include_directories

target_link_directories

target_link_libraries

# 假设你的库安装在 /path/to/my_custom_libset(MYLIB_INCLUDE_DIR "/path/to/my_custom_lib/include")set(MYLIB_LIB_DIR "/path/to/my_custom_lib/lib")set(MYLIB_NAME my_custom_lib) # 库文件的名字,如libmy_custom_lib.atarget_include_directories(my_app PUBLIC ${MYLIB_INCLUDE_DIR})target_link_directories(my_app PUBLIC ${MYLIB_LIB_DIR}) # 告诉链接器去哪里找库文件target_link_libraries(my_app PUBLIC ${MYLIB_NAME}) # 链接具体的库

这种方式虽然最灵活,但也最容易出错,特别是当库有多个组件或复杂的依赖关系时。我通常会把它作为最后的手段。

集成第三方库时,理解库的构建方式(静态库还是动态库,是否有依赖)非常重要。有时候,链接顺序不对也会导致链接错误。

调试CMakeLists文件时,常见的配置错误和排查策略有哪些?

调试

CMakeLists.txt

文件,尤其是当项目变得复杂或者集成新库时,是常有的事。我发现很多问题都是因为对CMake的执行逻辑理解不深,或者路径配置不当。这里列举一些我经常遇到的问题和我的排查思路。

“No CMAKE_CXX_COMPILER could be found.”

问题: CMake找不到C++编译器。排查:检查环境变量: 确保你的系统PATH变量包含了C++编译器的路径(如g++或cl.exe)。安装编译器: 确认你已经安装了C++编译器。在Linux上是

build-essential

g++

,Windows上是Visual Studio或MinGW。手动指定: 可以在CMake命令中通过

-DCMAKE_CXX_COMPILER=/path/to/g++

来明确指定。

“Could not find package .”

问题:

find_package()

命令找不到指定的第三方库。排查:库是否安装: 首先确认该库是否真的安装在你的系统上。安装路径: 库的安装路径是否在CMake的默认搜索路径中?如果不在,你需要通过

CMAKE_PREFIX_PATH

环境变量或者在

CMakeLists.txt

中通过

set(CMAKE_MODULE_PATH /path/to/FindPackageName.cmake)

来告诉CMake去哪里找。版本匹配:

find_package(PackageName VERSION X.Y REQUIRED)

中指定的版本是否与实际安装的版本匹配?模块名称:

find_package

的包名是否正确?例如,Boost库通常是

Boost

,但其组件需要通过

COMPONENTS

指定。调试信息:

find_package

前加上

set(CMAKE_FIND_DEBUG_MODE TRUE)

可以打印出CMake搜索库的详细过程,这对于定位问题非常有帮助。

链接错误(“undefined reference to …”):

问题: 编译通过,但在链接阶段报错,提示找不到某个函数或变量的定义。排查:是否链接了所有必要的库: 这是最常见的原因。确保所有依赖的库都通过

target_link_libraries()

正确链接了。链接顺序: 在某些系统(尤其是Linux),库的链接顺序很重要。依赖方应该在被依赖方之前。例如,如果

A

依赖

B

,通常是

target_link_libraries(my_app A B)

库类型: 确保你链接的是正确类型的库(静态库

.a/.lib

还是共享库

.so/.dll

)。有时候,混用不同构建方式的库也会出问题。符号导出: 确认库的头文件中,函数和类是否正确使用了

__declspec(dllexport)

(Windows)或

__attribute__((visibility("default")))

(GCC/Clang)等宏来导出符号,尤其是在构建共享库时。

头文件找不到(“No such file or directory”):

问题: 编译器找不到某个头文件。排查:

target_include_directories()

确保所有包含头文件的目录都通过

target_include_directories()

添加到了正确的CMake目标中。路径是否正确: 检查路径是否拼写错误,或者是否使用了相对路径但上下文不对。

PUBLIC

/

PRIVATE

/

INTERFACE

理解这些关键字的含义。如果一个库的头文件需要被其他目标引用,那么该库的

target_include_directories

应该使用

PUBLIC

INTERFACE

通用调试策略:

删除

build

目录并重新配置: 很多时候,CMake的缓存文件(

CMakeCache.txt

)会导致一些奇怪的问题。彻底删除

build

目录,然后重新运行

cmake ..

,可以清除所有旧的配置。使用

message()

命令:

CMakeLists.txt

中插入

message(STATUS "DEBUG: My variable is ${MY_VARIABLE}")

可以打印出变量的值,帮助你追踪配置过程中的状态。逐步添加: 当集成一个新功能或新库时,不要一次性改动太多。逐步添加,每次只改动一小部分,然后测试,这样更容易定位问题。查看生成的构建文件: 在Linux上,可以查看

build

目录下生成的

Makefile

;在Windows上,可以打开生成的

.sln

文件。这能帮助你理解CMake最终给编译器和链接器传递了哪些参数。查阅官方文档和社区: CMake的文档非常详细,遇到问题时,往往能在官方文档或Stack Overflow上找到类似的案例和解决方案。

调试CMakeLists文件确实需要一些耐心和经验,但一旦你掌握了它的基本原理和常用命令,就会发现它在管理大型C++项目时效率非常高。

以上就是C++如何配置CMakeLists文件进行编译的详细内容,更多请关注创想鸟其它相关文章!

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

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2025年12月18日 23:20:11
下一篇 2025年12月18日 23:20:28

相关推荐

  • Uniapp 中如何不拉伸不裁剪地展示图片?

    灵活展示图片:如何不拉伸不裁剪 在界面设计中,常常需要以原尺寸展示用户上传的图片。本文将介绍一种在 uniapp 框架中实现该功能的简单方法。 对于不同尺寸的图片,可以采用以下处理方式: 极端宽高比:撑满屏幕宽度或高度,再等比缩放居中。非极端宽高比:居中显示,若能撑满则撑满。 然而,如果需要不拉伸不…

    2025年12月24日
    400
  • 如何让小说网站控制台显示乱码,同时网页内容正常显示?

    如何在不影响用户界面的情况下实现控制台乱码? 当在小说网站上下载小说时,大家可能会遇到一个问题:网站上的文本在网页内正常显示,但是在控制台中却是乱码。如何实现此类操作,从而在不影响用户界面(UI)的情况下保持控制台乱码呢? 答案在于使用自定义字体。网站可以通过在服务器端配置自定义字体,并通过在客户端…

    2025年12月24日
    800
  • 如何在地图上轻松创建气泡信息框?

    地图上气泡信息框的巧妙生成 地图上气泡信息框是一种常用的交互功能,它简便易用,能够为用户提供额外信息。本文将探讨如何借助地图库的功能轻松创建这一功能。 利用地图库的原生功能 大多数地图库,如高德地图,都提供了现成的信息窗体和右键菜单功能。这些功能可以通过以下途径实现: 高德地图 JS API 参考文…

    2025年12月24日
    400
  • 如何使用 scroll-behavior 属性实现元素scrollLeft变化时的平滑动画?

    如何实现元素scrollleft变化时的平滑动画效果? 在许多网页应用中,滚动容器的水平滚动条(scrollleft)需要频繁使用。为了让滚动动作更加自然,你希望给scrollleft的变化添加动画效果。 解决方案:scroll-behavior 属性 要实现scrollleft变化时的平滑动画效果…

    2025年12月24日
    000
  • 如何为滚动元素添加平滑过渡,使滚动条滑动时更自然流畅?

    给滚动元素平滑过渡 如何在滚动条属性(scrollleft)发生改变时为元素添加平滑的过渡效果? 解决方案:scroll-behavior 属性 为滚动容器设置 scroll-behavior 属性可以实现平滑滚动。 html 代码: click the button to slide right!…

    2025年12月24日
    500
  • 为什么设置 `overflow: hidden` 会导致 `inline-block` 元素错位?

    overflow 导致 inline-block 元素错位解析 当多个 inline-block 元素并列排列时,可能会出现错位显示的问题。这通常是由于其中一个元素设置了 overflow 属性引起的。 问题现象 在不设置 overflow 属性时,元素按预期显示在同一水平线上: 不设置 overf…

    2025年12月24日 好文分享
    400
  • 如何选择元素个数不固定的指定类名子元素?

    灵活选择元素个数不固定的指定类名子元素 在网页布局中,有时需要选择特定类名的子元素,但这些元素的数量并不固定。例如,下面这段 html 代码中,activebar 和 item 元素的数量均不固定: *n *n 如果需要选择第一个 item元素,可以使用 css 选择器 :nth-child()。该…

    2025年12月24日
    200
  • 使用 SVG 如何实现自定义宽度、间距和半径的虚线边框?

    使用 svg 实现自定义虚线边框 如何实现一个具有自定义宽度、间距和半径的虚线边框是一个常见的前端开发问题。传统的解决方案通常涉及使用 border-image 引入切片图片,但是这种方法存在引入外部资源、性能低下的缺点。 为了避免上述问题,可以使用 svg(可缩放矢量图形)来创建纯代码实现。一种方…

    2025年12月24日
    100
  • 微信小程序文本省略后如何避免背景色溢出?

    去掉单行文本溢出多余背景色 在编写微信小程序时,如果希望文本超出宽度后省略显示并在末尾显示省略号,但同时还需要文本带有背景色,可能会遇到如下问题:文本末尾出现多余的背景色块。这是因为文本本身超出部分被省略并用省略号代替,但其背景色依然存在。 要解决这个问题,可以采用以下方法: 给 text 元素添加…

    2025年12月24日
    000
  • 如何让“元素跟随文本高度,而不是撑高父容器?

    如何让 元素跟随文本高度,而不是撑高父容器 在页面布局中,经常遇到父容器高度被子元素撑开的问题。在图例所示的案例中,父容器被较高的图片撑开,而文本的高度没有被考虑。本问答将提供纯css解决方案,让图片跟随文本高度,确保父容器的高度不会被图片影响。 解决方法 为了解决这个问题,需要将图片从文档流中脱离…

    2025年12月24日
    000
  • CSS元素设置em和transition后,为何载入页面无放大效果?

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

    2025年12月24日
    200
  • Flex 布局左右同高怎么实现?

    flex布局左右同高 在flex布局中,左右布局的元素高度不一致时,想要让边框延伸到最大高度,可以采用以下方法: 基于当前结构的方法: 给.rht和.lft盒子添加: .rht { height: min-content;} 这样可以使弹性盒子被子盒子内容撑开。 使用javascript获取.rht…

    2025年12月24日
    000
  • inline-block元素错位了,是为什么?

    inline-block元素错位背后的原因 inline-block元素是一种特殊类型的块级元素,它可以与其他元素行内排列。但是,在某些情况下,inline-block元素可能会出现错位显示的问题。 错位的原因 当inline-block元素设置了overflow:hidden属性时,它会影响元素的…

    2025年12月24日
    000
  • 为什么 CSS mask 属性未请求指定图片?

    解决 css mask 属性未请求图片的问题 在使用 css mask 属性时,指定了图片地址,但网络面板显示未请求获取该图片,这可能是由于浏览器兼容性问题造成的。 问题 如下代码所示: 立即学习“前端免费学习笔记(深入)”; icon [data-icon=”cloud”] { –icon-cl…

    2025年12月24日
    200
  • 为什么使用 inline-block 元素时会错位?

    inline-block 元素错位成因剖析 在使用 inline-block 元素时,可能会遇到它们错位显示的问题。如代码 demo 所示,当设置了 overflow 属性时,a 标签就会错位下沉,而未设置时却不会。 问题根源: overflow:hidden 属性影响了 inline-block …

    2025年12月24日
    000
  • 如何去除带有背景色的文本单行溢出时的多余背景色?

    带背景色的文字单行溢出处理:去除多余的背景色 当一个带有背景色的文本因单行溢出而被省略时,可能会出现最后一个背景色块多余的情况。针对这种情况,可以通过以下方式进行处理: 在示例代码中,问题在于当文本溢出时,overflow: hidden 属性会导致所有文本元素(包括最后一个)都隐藏。为了解决该问题…

    2025年12月24日
    300
  • 如何利用 CSS 选中激活标签并影响相邻元素的样式?

    如何利用 css 选中激活标签并影响相邻元素? 为了实现激活标签影响相邻元素的样式需求,可以通过 :has 选择器来实现。以下是如何具体操作: 对于激活标签相邻后的元素,可以在 css 中使用以下代码进行设置: li:has(+li.active) { border-radius: 0 0 10px…

    2025年12月24日
    100
  • 如何解决 CSS 中文本溢出时背景色也溢出的问题?

    文字单行溢出省略号时,去掉多余背景色的方法 在使用 css 中的 text-overflow: ellipsis 属性时,如果文本内容过长导致一行溢出,且文本带有背景色,溢出的部分也会保留背景色。但如果想要去掉最后多余的背景色,可以采用以下方法: 给 text 元素添加一个 display: inl…

    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

发表回复

登录后才能评论
关注微信