前端 Bootstrap Icons
Bootstrap Icons 是一个由 Bootstrap 团队开发的开源图标库，它提供了超过 1800 个高质量的 SVG 图标，可用于各种 Web 项目。
Bootstrap Icons 是一个由 Bootstrap 团队开发的开源图标库，它提供了超过 1800 个高质量的 SVG 图标，可用于各种 Web 项目。以下是关于 Bootstrap Icons 的详细介绍：
- 丰富多样：涵盖了众多常见的图标类型，如界面元素、文件类型、社交网络、方向指示等，能满足不同项目的图标需求。
- 免费开源：可以自由使用、修改和分发，无需支付任何费用。
- 轻量级：SVG 格式的图标体积小，加载速度快，不会对网页性能造成明显影响。
- 高可定制性：可以轻松调整图标的大小、颜色和样式，以适应不同的设计风格。
- 响应式设计：图标会根据容器的大小自动缩放，确保在不同设备和屏幕尺寸上都能完美显示。
- 易于集成：可以方便地与 Bootstrap 框架或其他前端项目集成。
- 引入 Bootstrap Icons：可以通过 CDN 或下载本地文件的方式引入 Bootstrap Icons。
- CDN 方式：在 HTML 文件的
<head> 标签中添加以下代码：
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css">
- 使用图标：在 HTML 中使用
<i> 标签添加图标，指定 bi 类和具体图标的类名。例如，要添加一个搜索图标，可以使用以下代码：
<i class="bi bi-search"></i>
可以通过 CSS 来调整图标的大小、颜色和其他样式。例如：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css">
<style>
.custom-icon {
font-size: 32px;
color: blue;
}
</style>
</head>
<body>
<i class="bi bi-heart custom-icon"></i>
</body>
</html>
在上述代码中，通过定义 .custom-icon 类，将图标的大小设置为 32px，颜色设置为蓝色。
Bootstrap Icons 官方网站提供了一个方便的图标搜索界面，可以根据关键词快速找到所需的图标，并查看其类名和代码示例。
总之，Bootstrap Icons 是一个功能强大、易于使用的图标库，适合各种规模的 Web 项目。无论是新手开发者还是经验丰富的专业人士，都可以借助它轻松为项目添加美观、实用的图标。
Underscore.js 是一个在前端开发里非常实用的 JavaScript 工具库，它提供了大量的函数式编程工具，帮助开发者更高效地处理数组、对象、函数等数据结构，且不依赖其他库，可以在任何 JavaScript 环境中使用。