国产bug零零柒-CSDN博客

原创 Bootstrap 面板（Panels）

本章将讲解 Bootstrap 面板（Panels）。面板组件用于把 DOM 组件插入到一个盒子中。创建一个基本的面板，只需要向元素添加 class和 class。

2024-08-23 10:43:58 176

原创 Bootstrap 列表组

我们可以向上面已添加链接的列表组添加任意的 HTML 内容。

2024-08-23 10:43:51 201

原创 Bootstrap 下拉菜单（Dropdown）插件

这一章讲解了下拉菜单，但是没有涉及到交互部分，本章将具体讲解下拉菜单的交互。使用下拉菜单（Dropdown）插件，您可以向任何组件（比如导航栏、标签页、胶囊式导航菜单、按钮等）添加下拉菜单。如果您想要单独引用该插件的功能，那么您需要引用。或者，正如一章中所提到，您可以引用或压缩版的。

2024-08-22 20:17:40 318

原创 Bootstrap 多媒体对象（Media Object）

本章我们将讲解 Bootstrap 中的多媒体对象（Media Object），如：图像、视频、音频等。多媒体对象的样式可用于创建各种类型的组件（比如：博客评论），我们可以在组件中使用图文混排，图像可以左对齐或者右对齐。媒体对象可以用更少的代码来实现媒体对象与文字的混排。

2024-08-22 20:17:26 115

原创 Bootstrap 模态框（Modal）插件

模态框（Modal）是覆盖在父窗体上的子窗体。通常，目的是显示来自一个单独的源的内容，可以在不离开父窗体的情况下有一些互动。子窗体可提供信息、交互等。

2024-08-21 09:19:08 692

原创 Bootstrap 插件概览

在前面章节中所讨论到的组件仅仅是个开始。Bootstrap 自带 12 种 jQuery 插件，扩展了功能，可以给站点添加更多的互动。即使您不是一名高级的 JavaScript 开发人员，您也可以着手学习 Bootstrap 的 JavaScript 插件。利用 Bootstrap 数据 API（Bootstrap Data API），大部分的插件可以在不编写任何代码的情况下被触发。*.js。

2024-08-21 09:18:53 832

原创 Bootstrap 标签页（Tab）插件

标签页（Tab）在一章中介绍过。通过结合一些 data 属性，您可以轻松地创建一个标签页界面。通过这个插件您可以把内容放置在标签页或者是胶囊式标签页甚至是下拉菜单标签页中。

2024-08-20 11:50:43 553

原创 Bootstrap 提示工具（Tooltip）插件

当您想要描述一个链接的时候，提示工具（Tooltip）就显得非常有用。提示工具（Tooltip）插件是受写的的启发。提示工具（Tooltip）插件做了很多改进，例如不需要依赖图像，而是改用 CSS 实现动画效果，用 data 属性存储标题信息。

2024-08-20 11:50:32 847

原创 Bootstrap 警告框（Alert）插件

警告框（Alert）消息大多是用来向终端用户显示诸如警告或确认消息的信息。使用警告框（Alert）插件，您可以向所有的警告框消息添加可取消（dismiss）功能。

2024-08-19 21:42:52 628

原创 Bootstrap 折叠（Collapse）插件

折叠（Collapse）插件可以很容易地让页面区域折叠起来。无论您用它来创建折叠导航还是内容面板，它都允许很多内容选项。

2024-08-19 21:39:44 1279

原创 Bootstrap 附加导航（Affix）插件

附加导航（Affix）插件允许指定固定在页面的某个位置。一个常见的例子是社交图标。它们将在某个位置开始，但当页面点击某个标记，该会锁定在某个位置，不会随着页面其他部分一起滚动。

2024-08-17 08:13:03 617

原创 Bootstrap UI 编辑器

以下是 15 款最好的 Bootstrap 编辑器或者是在线编辑工具。

2024-08-17 08:12:55 1000

这样做的好处是，可以避免在 HTML 中使用字符实体标记（character entity），从而全部与文档编码一致（一般采用 UTF-8 编码）。id 用于标识具体组件，应当谨慎使用（例如，页面内的书签），因此排在第二位。为每个 HTML 页面的第一行添加标准模式（standard mode）的声明，这样能够确保在每个浏览器中拥有一致的展现。如果属性存在，其值必须是空字符串或 [...] 属性的规范名称，并且不要在首尾添加空白符。元素的布尔型属性如果有值，就是 true，如果没有值，就是 false。

2024-08-14 15:56:01 858

原创 Bootstrap CSS编码规范

例如，HTML 的 heading 元素只需要设置上、下边距（margin）的值，因此，在必要的时候，只需覆盖这两个值就可以。过度使用简写形式的属性声明会导致代码混乱，并且会对属性值带来不必要的覆盖从而引起意外的副作用。由于定位（positioning）可以从正常的文档流中移除元素，并且还能覆盖盒模型（box model）相关的样式，因此排在首位。当使用特定厂商的带有前缀的属性时，通过缩进的方式，让每个属性的值在垂直方向对齐，这样便于多行编辑。的文章，对于不太熟悉简写属性声明及其行为的用户很有用。

2024-08-14 15:55:50 500

原创 Bootstrap5 列表组

大部分基础列表组都是无序的。

2024-08-13 08:18:55 271

原创 Bootstrap5 按钮组

Bootstrap 5 中允许我们将按钮放在同一行上。可以在元素上添加 .btn-group 类来创建按钮组。

2024-08-13 08:18:41 353

原创 Bootstrap5 加载效果

我们也可以设置一个正在加载的按钮。

2024-08-12 15:40:30 329

原创 Bootstrap5 按钮

Bootstrap 5 提供了不同样式的按钮。

2024-08-12 15:40:18 362

原创 Bootstrap5 表格

通过添加 .table-striped 类，您将在。.table-bordered 类可以为表格添加边框。

2024-08-11 10:39:26 239

原创 Bootstrap5 颜色

提供背景颜色的类有: .bg-primary, .bg-success, .bg-info, .bg-warning, .bg-danger, .bg-secondary, .bg-dark 和 .bg-light。注意背景颜色不会设置文本的颜色，在一些实例中你需要与 .text-* 类一起使用。

2024-08-11 10:39:17 260

原创 Bootstrap5 文字排版

Bootstrap 还提供了四个 Display 类来控制标题的样式: .display-1, .display-2, .display-3, .display-4。此外，所有的元素 margin-top: 0 、 margin-bottom: 1rem (16px)。Bootstrap 5 默认的 font-size 为 16px, line-height 为 1.5。Bootstrap 中定义了所有的 HTML 标题（h1 到 h6）的样式。

2024-08-10 08:09:35 394

原创 Bootstrap5 网格系统

Bootstrap 提供了一套响应式、移动设备优先的流式网格系统，随着屏幕或视口（viewport）尺寸的增加，系统会自动分为最多 12 列。Bootstrap 5 的网格系统是响应式的，列会根据屏幕大小自动重新排列。请确保每一行中列的总和等于或小于 12。

2024-08-10 08:09:20 527

原创 Bootstrap5 容器

在上一章节中我们了解到 Bootstrap 需要一个容器元素来包裹网站的内容。

2024-08-08 07:53:20 316

原创 Bootstrap5 进度条

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

2024-08-08 07:53:08 184

原创 Bootstrap5 安装使用

我们可以通过以下两种方式来安装 Bootstrap5：使用 Bootstrap5 CDN。从官网下载 Bootstrap 5。

2024-08-07 13:08:44 952

原创 React Hooks

React Hooks 是一种函数式组件的增强机制，它允许你在不编写类组件的情况下使用 React 的特性。主要的 Hooks 包括useStateuseEffectuseContextuseReduceruseMemouseRef, 和等。这些 Hooks 提供了访问 React 特性的方式，使得你可以更好地组织和重用你的代码。

2024-08-07 13:08:37 818

原创 Bootstrap5 分页

网页开发过程，如果碰到内容过多，一般都会做分页处理。Bootstrap 5 可以很简单的实现分页效果。要创建一个基本的分页可以在元素上添加 .pagination 类。

2024-08-06 07:40:50 499

原创 Bootstrap5 卡片

我们可以在头部元素上使用 .card-title 类来设置卡片的标题。.card-body 类用于设置卡片正文的内容。.card-text 类用于设置卡 .card-body 类中的标签，如果说最后一行可以移除底部边距。Bootstrap 5 提供了多种卡片的背景颜色类： .bg-primary, .bg-success, .bg-info, .bg-warning, .bg-danger, .bg-secondary, .bg-dark 和 .bg-light。

2024-08-06 07:40:38 144

原创 React Tailwind CSS

在 React 项目中使用 Tailwind CSS 是一个很流行的选择，因为它提供了一种实用工具优先的方法来编写 CSS，使得你可以直接在类名中应用样式。这种方法使得样式编写更加简洁和直观。Tailwind CSS 是一个功能强大的 CSS 框架，它通过实用工具优先的方法使得样式编写更加简洁和模块化。与传统的基于类的 CSS 框架不同，Tailwind 提供了一组低级实用工具类，这些类可以直接在 HTML 元素上使用，以便快速、灵活地构建自定义设计。

2024-08-05 08:39:19 644

原创 React 使用 CSS 样式

在 React 应用程序中使用 CSS 有多种方法。以下是一些常见的方式以及如何在 React 中实现这些方法的详细说明。

2024-08-05 08:37:46 563

原创 React Memo

默认情况下，React.memo只会对比前后的props，如果没有变化则不会重新渲染。你可以通过传递一个自定义比较函数来更精确地控制重新渲染的逻辑。// 返回 true 表示相等，不需要重新渲染// 返回 false 表示不相等，需要重新渲染。

2024-08-04 08:33:48 331

原创 React 路由

React 路由通常使用 react-router 库来实现，它是一个功能强大的库，用于在 React 应用程序中实现客户端路由。

2024-08-04 08:33:38 333

原创 chromedriver版本下载地址汇总chromedriver所有版本下载地址汇总国内源下载

chromedriver 114以前版本下载地址https://registry.npmmirror.com/binary.html?path=chromedriver/windows版本请访问链接：https://blog.csdn.net/FL1768317420/article/details/139712108。谷歌浏览器版本经常会升级，chromedriver 也得下载匹配的版本。

2024-08-03 10:20:45 2156 2

原创 React 条件判断

在 React 中，可以通过 JavaScript 的条件语句来动态渲染组件或元素。

2024-08-03 08:56:57 572

原创 React Refs

React 支持一种非常特殊的属性，你可以用来绑定到 render() 输出的任何组件上。这个特殊的属性允许你引用 render() 返回的相应的支撑实例（ backing instance ），这样就可以确保在任何时间总是拿到正确的实例。在 React 中，Refs（引用）提供了一种访问 DOM 元素或组件实例的方法。使用 Refs 可以直接操作 DOM 元素或获取子组件实例，适用于处理焦点、文本选择、媒体播放、触发强制动画或集成第三方 DOM 库等场景。

2024-08-03 08:54:46 542

原创 React 列表 & Keys

我们可以使用来创建列表。

2024-08-01 13:46:11 309

原创 React 组件 API

React 组件 API 涉及多个重要的方面，包括生命周期方法、状态管理、属性传递和事件处理。

2024-07-30 08:55:42 363

原创 React 组件生命周期

render() 方法是 class 组件中唯一必须实现的方法，其他方法可以根据自己的需要来实现。render() 方法是 class 组件中唯一必须实现的方法，其他方法可以根据自己的需要来实现。当组件的 props 或 state 发生变化时会触发更新。每当组件的 state 或 props 发生变化时，组件就会更新。这些方法的详细说明，可以参考。这些方法的详细说明，可以参考。这些方法的详细说明，可以参考。

2024-07-30 08:55:31 353