使用vanilla javascript的bootstrap 5关闭模式

是指在使用Bootstrap 5框架时，通过纯原生JavaScript来实现关闭模态框（Modal）或折叠面板（Collapse）等组件的功能。

Bootstrap是一个流行的前端开发框架，提供了丰富的组件和样式，使得开发者可以快速构建响应式的网页和应用程序。Bootstrap 5是Bootstrap框架的最新版本，相比于之前的版本，它更加注重纯原生JavaScript的使用，减少了对jQuery等第三方库的依赖。

关闭模式是Bootstrap中常用的功能之一，它允许用户通过点击按钮或其他交互方式关闭模态框或折叠面板。使用vanilla javascript的方式实现关闭模式，意味着不依赖任何第三方库，直接使用原生JavaScript来处理关闭事件。

优势：

1. 减少对第三方库的依赖：使用纯原生JavaScript实现关闭模式，可以减少对其他库的依赖，简化项目的开发和维护。
2. 更轻量级：不再需要引入额外的库文件，减小了项目的体积，提高了加载速度和性能。
3. 更灵活自由：使用原生JavaScript可以根据具体需求自定义关闭模式的行为和样式，实现更灵活的交互效果。

应用场景：

1. 模态框关闭：当需要在网页中展示弹出式的模态框，并且希望用户可以通过点击按钮或其他方式关闭模态框时，可以使用vanilla javascript的方式实现关闭模式。
2. 折叠面板关闭：当需要在网页中实现可折叠的面板，并且希望用户可以通过点击按钮或其他方式关闭面板时，可以使用vanilla javascript的方式实现关闭模式。

推荐的腾讯云相关产品和产品介绍链接地址： 腾讯云提供了丰富的云计算产品和服务，以下是一些与前端开发和JavaScript相关的产品：

1. 云服务器（CVM）：提供可扩展的云服务器实例，支持自定义操作系统和应用环境。产品介绍链接
2. 云存储（COS）：提供安全可靠的对象存储服务，适用于存储和管理大规模的非结构化数据。产品介绍链接
3. 云函数（SCF）：无服务器计算服务，支持使用JavaScript等语言编写函数，实现按需运行和弹性扩缩容。产品介绍链接
4. 云开发（TCB）：提供一站式后端云服务，包括云数据库、云存储、云函数等，支持快速开发和部署前后端分离的应用。产品介绍链接

以上是对使用vanilla javascript的bootstrap 5关闭模式的完善且全面的答案。