徽章、进度条、分页、列表组

  • 徽章
    • 1. 徽章（.Badges）
    • 2. 各种颜色类型的徽章
    • 3. 药丸形状徽章（.badge-pill）
    • 4. 徽章插入到元素内
  • 进度条
    • 1. 进度条（.progress）
    • 2. 进度条高度
    • 3. 进度条标签
    • 4. 不同颜色的进度条
    • 5. 条纹进度条（.progress-bar-striped）
    • 6. 动画进度条（.progress-bar-animated）
    • 7. 混合色彩进度条
  • 分页
    • 1. 分页
    • 2. 当前页页码状态（.active）
    • 3. 不可点击的分页链接（.disabled）
    • 4. 不同大小的分页（.pagination-lg 大 .pagination-sm 小）
    • 5. 面包屑导航（.breadcrumb 和 .breadcrumb-item）
  • 列表组
    • 1. 基础列表组（.list-group .list-group-item）
    • 2. 激活状态的列表项（.active）
    • 3. 禁用的列表项（.disabled）
    • 4. 链接列表项
    • 5. 多种颜色的列表项
      • 1. 普通列表项
      • 2. 链接列表项

徽章

1. 徽章（.Badges）

  徽章主要用于突出显示新的或未读的项。如需使用徽章，只需要将 .badge 类加上带有指定意义的颜色类 (如 .badge-secondary) 添加到 < span > 元素上即可。 徽章可以根据父元素的大小的变化而变化。

代码如下：

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title><meta name="viewport" content="width=device-width, initial-scale=1"><link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" /><script src="js/jquery.slim.min.js" type="text/javascript" charset="utf-8"></script><script src="js/popper.min.js" type="text/javascript" charset="utf-8"></script><script src="js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script></head><body><div class="container"><h1>测试标题 <span class="badge badge-secondary">New</span></h1><h2>测试标题 <span class="badge badge-secondary">New</span></h2><h3>测试标题 <span class="badge badge-secondary">New</span></h3><h4>测试标题 <span class="badge badge-secondary">New</span></h4><h5>测试标题 <span class="badge badge-secondary">New</span></h5><h6>测试标题 <span class="badge badge-secondary">New</span></h6></div></body>
</html>

运行结果：

2. 各种颜色类型的徽章

代码如下：

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title><meta name="viewport" content="width=device-width, initial-scale=1"><link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" /><script src="js/jquery.slim.min.js" type="text/javascript" charset="utf-8"></script><script src="js/popper.min.js" type="text/javascript" charset="utf-8"></script><script src="js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script></head><body><div class="container"><span class="badge badge-primary">主要</span><span class="badge badge-secondary">次要</span><span class="badge badge-success">成功</span><span class="badge badge-danger">危险</span><span class="badge badge-warning">警告</span><span class="badge badge-info">信息</span><span class="badge badge-light">浅色</span><span class="badge badge-dark">深色</span></div></body>
</html>

运行结果：

3. 药丸形状徽章（.badge-pill）

代码如下：

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title><meta name="viewport" content="width=device-width, initial-scale=1"><link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" /><script src="js/jquery.slim.min.js" type="text/javascript" charset="utf-8"></script><script src="js/popper.min.js" type="text/javascript" charset="utf-8"></script><script src="js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script></head><body><div class="container"><span class="badge badge-pill badge-default">默认</span><span class="badge badge-pill badge-primary">主要</span><span class="badge badge-pill badge-success">成功</span><span class="badge badge-pill badge-info">信息</span><span class="badge badge-pill badge-warning">警告</span><span class="badge badge-pill badge-danger">危险</span><span class="badge badge-pill badge-light">浅色</span><span class="badge badge-pill badge-dark">深色</span></div></body>
</html>

运行结果：

4. 徽章插入到元素内

代码如下：将徽章嵌入到按钮内

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title><meta name="viewport" content="width=device-width, initial-scale=1"><link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" /><script src="js/jquery.slim.min.js" type="text/javascript" charset="utf-8"></script><script src="js/popper.min.js" type="text/javascript" charset="utf-8"></script><script src="js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script></head><body><div class="container"><button type="button" class="btn btn-primary">点赞数 <span class="badge badge-light">40</span></button></div></body>
</html>

运行结果：

进度条

1. 进度条（.progress）

  进度条可以显示用户任务的完成过程。

  创建进度条步骤如下：

    1. 添加一个带有 .progress 类的 < div >。

    2. 然后在上面的 < div > 内，添加一个带有 class .progress-bar 的空的 < div >。

    3. 添加一个带有百分比表示的宽度的 style 属性，例如 style=“width:70%” 表示进度条在 70% 的位置。

代码如下：

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title><meta name="viewport" content="width=device-width, initial-scale=1"><link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" /><script src="js/jquery.slim.min.js" type="text/javascript" charset="utf-8"></script><script src="js/popper.min.js" type="text/javascript" charset="utf-8"></script><script src="js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script></head><body><div class="container"><div class="progress"><div class="progress-bar"style="width: 70%;"></div></div></div></body>
</html>

运行结果：

2. 进度条高度

  进度条高度默认为 16px，我们可以使用 CSS 的 height 属性来修改。

代码如下：

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title><meta name="viewport" content="width=device-width, initial-scale=1"><link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" /><script src="js/jquery.slim.min.js" type="text/javascript" charset="utf-8"></script><script src="js/popper.min.js" type="text/javascript" charset="utf-8"></script><script src="js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script></head><body><div class="container"><div class="progress" style="height:10px;"><div class="progress-bar" style="width:40%;"></div></div><br><div class="progress" style="height:20px;"><div class="progress-bar" style="width:50%;"></div></div><br><div class="progress" style="height:30px;"><div class="progress-bar" style="width:60%;"></div></div></div></body>
</html>

运行结果：

3. 进度条标签

  可以在进度条内添加文本，如进度的百分比。

代码如下：

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title><meta name="viewport" content="width=device-width, initial-scale=1"><link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" /><script src="js/jquery.slim.min.js" type="text/javascript" charset="utf-8"></script><script src="js/popper.min.js" type="text/javascript" charset="utf-8"></script><script src="js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script></head><body><div class="container"><div class="progress"><div class="progress-bar" style="width:70%">70%</div></div></div></body>
</html>

运行结果：

4. 不同颜色的进度条

代码如下：

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title><meta name="viewport" content="width=device-width, initial-scale=1"><link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" /><script src="js/jquery.slim.min.js" type="text/javascript" charset="utf-8"></script><script src="js/popper.min.js" type="text/javascript" charset="utf-8"></script><script src="js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script></head><body><div class="container"><div class="progress"><div class="progress-bar" style="width:30%"></div></div><br><div class="progress"><div class="progress-bar bg-success" style="width:40%"></div></div><br><div class="progress"><div class="progress-bar bg-info" style="width:50%"></div></div><br><div class="progress"><div class="progress-bar bg-warning" style="width:60%"></div></div><br><div class="progress"><div class="progress-bar bg-danger" style="width:70%"></div></div></div></body>
</html>

运行结果：

5. 条纹进度条（.progress-bar-striped）

代码如下：

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title><meta name="viewport" content="width=device-width, initial-scale=1"><link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" /><script src="js/jquery.slim.min.js" type="text/javascript" charset="utf-8"></script><script src="js/popper.min.js" type="text/javascript" charset="utf-8"></script><script src="js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script></head><body><div class="container"><div class="progress"><div class="progress-bar progress-bar-striped" style="width:30%"></div></div></div></body>
</html>

运行结果：

6. 动画进度条（.progress-bar-animated）

代码如下：

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title><meta name="viewport" content="width=device-width, initial-scale=1"><link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" /><script src="js/jquery.slim.min.js" type="text/javascript" charset="utf-8"></script><script src="js/popper.min.js" type="text/javascript" charset="utf-8"></script><script src="js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script></head><body><div class="container"><div class="progress"><div class="progress-bar progress-bar-striped progress-bar-animated" style="width:30%"></div></div></div></body>
</html>

运行结果：

7. 混合色彩进度条

代码如下：

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title><meta name="viewport" content="width=device-width, initial-scale=1"><link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" /><script src="js/jquery.slim.min.js" type="text/javascript" charset="utf-8"></script><script src="js/popper.min.js" type="text/javascript" charset="utf-8"></script><script src="js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script></head><body><div class="container"><div class="progress"><div class="progress-bar bg-success" style="width:40%">Success</div><div class="progress-bar bg-warning" style="width:10%">Warning</div><div class="progress-bar bg-danger" style="width:20%">Danger</div></div></div></body>
</html>

运行结果：

分页

1. 分页

  要创建一个基本的分页可以在 < ul > 元素上添加 .pagination 类。然后在 < li > 元素上添加 .page-item 类。

代码如下：

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title><meta name="viewport" content="width=device-width, initial-scale=1"><link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" /><script src="js/jquery.slim.min.js" type="text/javascript" charset="utf-8"></script><script src="js/popper.min.js" type="text/javascript" charset="utf-8"></script><script src="js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script></head><body><div class="container"><ul class="pagination"><li class="page-item"><a class="page-link" href="#"><<</a></li><li class="page-item"><a class="page-link" href="#">1</a></li><li class="page-item"><a class="page-link" href="#">2</a></li><li class="page-item"><a class="page-link" href="#">3</a></li><li class="page-item"><a class="page-link" href="#">>></a></li></ul></div></body>
</html>

运行结果：

2. 当前页页码状态（.active）

  当前页可以使用 .active 类来高亮显示。

代码如下：

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title><meta name="viewport" content="width=device-width, initial-scale=1"><link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" /><script src="js/jquery.slim.min.js" type="text/javascript" charset="utf-8"></script><script src="js/popper.min.js" type="text/javascript" charset="utf-8"></script><script src="js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script></head><body><div class="container"><ul class="pagination"><li class="page-item"><a class="page-link" href="#"><<</a></li><li class="page-item"><a class="page-link" href="#">1</a></li><li class="page-item active"><a class="page-link" href="#">2</a></li><li class="page-item"><a class="page-link" href="#">3</a></li><li class="page-item"><a class="page-link" href="#">>></a></li></ul></div></body>
</html>

运行结果：

3. 不可点击的分页链接（.disabled）

代码如下：

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title><meta name="viewport" content="width=device-width, initial-scale=1"><link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" /><script src="js/jquery.slim.min.js" type="text/javascript" charset="utf-8"></script><script src="js/popper.min.js" type="text/javascript" charset="utf-8"></script><script src="js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script></head><body><div class="container"><ul class="pagination"><li class="page-item disabled"><a class="page-link" href="#"><<</a></li><li class="page-item"><a class="page-link" href="#">1</a></li><li class="page-item"><a class="page-link" href="#">2</a></li><li class="page-item"><a class="page-link" href="#">3</a></li><li class="page-item"><a class="page-link" href="#">>></a></li></ul></div></body>
</html>

运行结果：

4. 不同大小的分页（.pagination-lg 大 .pagination-sm 小）

  .pagination-lg 类设置大字体的分页条目，.pagination-sm 类设置小字体的分页条目.

代码如下：

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title><meta name="viewport" content="width=device-width, initial-scale=1"><link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" /><script src="js/jquery.slim.min.js" type="text/javascript" charset="utf-8"></script><script src="js/popper.min.js" type="text/javascript" charset="utf-8"></script><script src="js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script></head><body><div class="container"><ul class="pagination pagination-lg"><li class="page-item"><a class="page-link" href="#">Previous</a></li><li class="page-item"><a class="page-link" href="#">1</a></li><li class="page-item"><a class="page-link" href="#">2</a></li><li class="page-item"><a class="page-link" href="#">3</a></li><li class="page-item"><a class="page-link" href="#">Next</a></li></ul><ul class="pagination pagination-sm"><li class="page-item"><a class="page-link" href="#">Previous</a></li><li class="page-item"><a class="page-link" href="#">1</a></li><li class="page-item"><a class="page-link" href="#">2</a></li><li class="page-item"><a class="page-link" href="#">3</a></li><li class="page-item"><a class="page-link" href="#">Next</a></li></ul></div></body>
</html>

运行结果：

5. 面包屑导航（.breadcrumb 和 .breadcrumb-item）

代码如下：

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title><meta name="viewport" content="width=device-width, initial-scale=1"><link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" /><script src="js/jquery.slim.min.js" type="text/javascript" charset="utf-8"></script><script src="js/popper.min.js" type="text/javascript" charset="utf-8"></script><script src="js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script></head><body><div class="container"><ul class="breadcrumb"><li class="breadcrumb-item"><a href="#">首页</a></li><li class="breadcrumb-item"><a href="#">我的歌单</a></li><li class="breadcrumb-item active">安眠曲</li></ul></div></body>
</html>

运行结果：

列表组

1. 基础列表组（.list-group .list-group-item）

  要创建列表组，可以在 < ul > 元素上添加 .list-group 类, 在 < li > 元素上添加 .list-group-item 类。

代码如下：

<!DOCTYPE html>
<html><head><meta charset="utf-8" /><meta name="viewport" content="width=device-width, initial-scale=1"><title></title><link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" /><script src="js/jquery.slim.min.js" type="text/javascript" charset="utf-8"></script><script src="js/popper.min.js" type="text/javascript" charset="utf-8"></script><script src="js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script></head><body><div class="container"><ul class="list-group"><li class="list-group-item">1</li><li class="list-group-item">2</li><li class="list-group-item">3</li></ul></div></body>
</html>

运行结果：

2. 激活状态的列表项（.active）

代码如下：

<!DOCTYPE html>
<html><head><meta charset="utf-8" /><meta name="viewport" content="width=device-width, initial-scale=1"><title></title><link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" /><script src="js/jquery.slim.min.js" type="text/javascript" charset="utf-8"></script><script src="js/popper.min.js" type="text/javascript" charset="utf-8"></script><script src="js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script></head><body><div class="container"><ul class="list-group"><li class="list-group-item active">1</li><li class="list-group-item">2</li><li class="list-group-item">3</li></ul></div></body>
</html>

运行结果：

3. 禁用的列表项（.disabled）

&
代码如下：

<!DOCTYPE html>
<html><head><meta charset="utf-8" /><meta name="viewport" content="width=device-width, initial-scale=1"><title></title><link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" /><script src="js/jquery.slim.min.js" type="text/javascript" charset="utf-8"></script><script src="js/popper.min.js" type="text/javascript" charset="utf-8"></script><script src="js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script></head><body><div class="container"><ul class="list-group"><li class="list-group-item disabled">禁用项</li><li class="list-group-item">2</li><li class="list-group-item">3</li></ul></div></body>
</html>

运行结果：

4. 链接列表项

  要创建一个链接的列表项，可以用< div > 替换 < ul >， < a > 替换 < li >。如果你想鼠标悬停显示灰色背景就添加.list-group-item-action 类。

代码如下：

<!DOCTYPE html>
<html><head><meta charset="utf-8" /><meta name="viewport" content="width=device-width, initial-scale=1"><title></title><link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" /><script src="js/jquery.slim.min.js" type="text/javascript" charset="utf-8"></script><script src="js/popper.min.js" type="text/javascript" charset="utf-8"></script><script src="js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script></head><body><div class="container"><div class="list-group"><a href="#" class="list-group-item list-group-item-action">First item</a><a href="#" class="list-group-item list-group-item-action">Second item</a><a href="#" class="list-group-item list-group-item-action">Third item</a></div></div></body>
</html>

运行结果：

5. 多种颜色的列表项

1. 普通列表项

代码如下：

<!DOCTYPE html>
<html><head><meta charset="utf-8" /><meta name="viewport" content="width=device-width, initial-scale=1"><title></title><link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" /><script src="js/jquery.slim.min.js" type="text/javascript" charset="utf-8"></script><script src="js/popper.min.js" type="text/javascript" charset="utf-8"></script><script src="js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script></head><body><div class="container"><ul class="list-group"><li class="list-group-item list-group-item-success">成功列表项</li><li class="list-group-item list-group-item-secondary">次要列表项</li><li class="list-group-item list-group-item-info">信息列表项</li><li class="list-group-item list-group-item-warning">警告列表项</li><li class="list-group-item list-group-item-danger">危险列表项</li><li class="list-group-item list-group-item-primary">主要列表项</li><li class="list-group-item list-group-item-dark">深灰色列表项</li><li class="list-group-item list-group-item-light">浅色列表项</li></ul></div></body>
</html>

运行结果：

2. 链接列表项

代码如下：

<!DOCTYPE html>
<html><head><meta charset="utf-8" /><meta name="viewport" content="width=device-width, initial-scale=1"><title></title><link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" /><script src="js/jquery.slim.min.js" type="text/javascript" charset="utf-8"></script><script src="js/popper.min.js" type="text/javascript" charset="utf-8"></script><script src="js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script></head><body><div class="container"><div class="list-group"><a href="#" class="list-group-item list-group-item-action">激活列表项</a><a href="#" class="list-group-item list-group-item-success">成功列表项</a><a href="#" class="list-group-item list-group-item-secondary">次要列表项</a><a href="#" class="list-group-item list-group-item-info">信息列表项</a><a href="#" class="list-group-item list-group-item-warning">警告列表项</a><a href="#" class="list-group-item list-group-item-danger">危险列表项</a><a href="#" class="list-group-item list-group-item-primary">主要列表项</a><a href="#" class="list-group-item list-group-item-dark">深灰色列表项</a><a href="#" class="list-group-item list-group-item-light">浅色列表项</a></div></div></body>
</html>

运行结果：

Day-8 bootstrap 徽章、进度条、分页、列表组相关推荐

  1. Bootstrap 条纹进度条

    条纹进度条 只需给进度条的容器元素追加一个 .progress-striped 类,就可以创建出带条纹的进度条,并且不同颜色的进度条,可以显示不同的条纹: <div class="pr ...

  2. Bootstrap 基本进度条

    基本进度条 除了默认的蓝色进度条之外,Bootstrap还为进度条提供了两组情景样式类,用来设置进度条的颜色,以便在不同上下文中搭配合适的色彩. 一组情景类是 .progress-info..prog ...

  3. Bootstrap(10) 进度条媒体对象和 Well 组件

    一．Well 组件 这个组件可以实现简单的嵌入效果. <!-- //嵌入效果 --><div class="well">Bootstrap</div& ...

  4. bootstrap 滚动 进度条_bootstrap实现动态进度条效果

    Bootstrap的动态进度条: html: 创建一个modal   这里使用fade先将modal隐藏起来,然后modal里面嵌入progress 代码很简单 保存中:{{length}}% PS: ...

  5. bootstrap 滚动 进度条_bootstrap动态进度条怎么搞

    在本教程中,您将看到如何使用 Bootstrap 创建加载.重定向或动作状态的进度条. Bootstrap 进度条使用 CSS3 过渡和动画来获得该效果.Internet Explorer 9 及之前 ...

  6. Bootstrap条纹进度条

    条纹进度条 只需给进度条的容器元素追加一个 .progress-bar-striped 类,就可以创建出带条纹的进度条.并且,这种进度条还能根据进度条的颜色,自动显示不同的条纹颜色: <div  ...

  7. Bootstrap创建进度条

    进度条 Bootstrap提供了多种漂亮的进度条,可以使用进度条来表示正在加载或动作正在执行中的状态.进度条本身只是一个静态元素,要让它拥有交互能力,还需要JavaScript代码的配合. 创建进度条 ...

  8. android输入框圆形,GitHub - mylhyl/Android-CircleDialog: 仿IOS圆角对话框、进度条、列表框、输入框，ad广告框，支持横竖屏切换...

    Android-CircleDialog 基于DialogFragment封装,已封装的对话框类型有,常规对话框.列表框.输入框.进度框: 每个对话框类型也支持自定义边框圆角.背景透明度.字体大小与色 ...

  9. Bootstrap学习笔记——缩略图、警示框、进度条、媒体对象、列表组、画板

    1 缩略图 缩略图(一) 缩略图在网站中最常用的地方就是产品列表页面,一行显示几张图片,有的在图片底下(左侧或右侧)带有标题.描述等信息. Bootstrap框架将这一部独立成一个模块组件.并通过&q ...

最新文章

  1. DNS(二)--正反解析及主从配置
  2. Mysql遇到Too many connections的解决办法
  3. android 发送前台广播,使用IntentService与BroadcastReceiver实现后台服务(Android7.0可用）...
  4. MP实战系列(十一)之封装方法详解(续一)
  5. 浙江中医药大学第十一届程序设计竞赛题解
  6. phpbreak跳出几层循环_PHP跳出循环之“break”
  7. Linux负载均衡Linux Virtual Server (lvs) 内核自带的负载均衡器
  8. php字符串分割汉字,php支持中文字符串分割的函数
  9. 打不开malloc和free函数
  10. recv 函数返回值说明
  11. u盘为什么显示在工具栏而不显示在计算机里,为什么U盘后插入后不显示？
  12. 关于泊松分布在测序原理中的解释
  13. 利用Python检验用户输入密码的复杂度，非常简单
  14. MongoDB——MongoDB分片集群（Sharded Cluster）两种搭建方式
  15. redhat 复制文件夹及子文件夹_linux如何复制文件夹和移动文件夹
  16. ZigBee网络数据传递流程_蓝牙、WIFI、Zigbee谁更适合物联网，各有哪些优缺点？...
  17. signature=41cfe8ce7c71d9ccf90fa53bb560ae68,更新win7 sp1出现80073712错误代码
  18. 入门级风帆行业调研报告 - 市场现状分析与发展前景预测（2021-2027年）
  19. python3 sleep 延时秒 毫秒
  20. 作为技术团队TL，如何运用OKR提高团队产出

热门文章

  1. Vulkan的基本概念：如何使用Vulkan绘制三角形？
  2. 勤于奋寻找联盟程序方法介绍
  3. Mybatis-Plus用纯注解完成一对多多对多查询
  4. 免安装版（解压缩版）MySQL安装
  5. 从零开始学习Java神经网络、自然语言处理和语音识别，附详解和简易版GPT，语音识别完整代码示例解析
  6. 一是数据库系统备份，二是数据本身的备份
  7. linux svn 查看忽略文件,SVN忽略文件或文件夹几种方法总结linux操作系统 -电脑资料...
  8. jdbc连接mysql的serverTimeZone参数配置
  9. Docker 容器技术初探
  10. JS - 实现word预览功能