- 博客(424)
- 收藏
- 关注
RSS订阅原创 Bootstrap 滚动监听（Scrollspy）插件
滚动监听（Scrollspy）插件，即自动更新导航插件，会根据滚动条的位置自动更新对应的导航目标。其基本的实现是随着您的滚动，基于滚动条的位置向导航栏添加class。如果您想要单独引用该插件的功能，那么您需要引用。或者，正如一章中所提到，您可以引用或压缩版的。
2024-08-25 21:29:11
1175
原创 Bootstrap 面板（Panels）
本章将讲解 Bootstrap 面板（Panels）。面板组件用于把 DOM 组件插入到一个盒子中。创建一个基本的面板，只需要向 元素添加 class和 class。
2024-08-23 10:43:58
751
原创 Bootstrap 下拉菜单（Dropdown）插件
这一章讲解了下拉菜单，但是没有涉及到交互部分，本章将具体讲解下拉菜单的交互。使用下拉菜单（Dropdown）插件，您可以向任何组件（比如导航栏、标签页、胶囊式导航菜单、按钮等）添加下拉菜单。如果您想要单独引用该插件的功能，那么您需要引用。或者，正如一章中所提到，您可以引用或压缩版的。
2024-08-22 20:17:40
574
原创 Bootstrap 多媒体对象（Media Object）
本章我们将讲解 Bootstrap 中的多媒体对象（Media Object），如：图像、视频、音频等。多媒体对象的样式可用于创建各种类型的组件（比如：博客评论），我们可以在组件中使用图文混排，图像可以左对齐或者右对齐。媒体对象可以用更少的代码来实现媒体对象与文字的混排。
2024-08-22 20:17:26
412
原创 Bootstrap 模态框（Modal）插件
模态框（Modal）是覆盖在父窗体上的子窗体。通常，目的是显示来自一个单独的源的内容，可以在不离开父窗体的情况下有一些互动。子窗体可提供信息、交互等。
2024-08-21 09:19:08
1088
原创 Bootstrap 插件概览
在前面章节中所讨论到的组件仅仅是个开始。Bootstrap 自带 12 种 jQuery 插件，扩展了功能，可以给站点添加更多的互动。即使您不是一名高级的 JavaScript 开发人员，您也可以着手学习 Bootstrap 的 JavaScript 插件。利用 Bootstrap 数据 API（Bootstrap Data API），大部分的插件可以在不编写任何代码的情况下被触发。*.js。
2024-08-21 09:18:53
1007
原创 Bootstrap 标签页（Tab）插件
标签页（Tab）在一章中介绍过。通过结合一些 data 属性，您可以轻松地创建一个标签页界面。通过这个插件您可以把内容放置在标签页或者是胶囊式标签页甚至是下拉菜单标签页中。
2024-08-20 11:50:43
1499
原创 Bootstrap 提示工具（Tooltip）插件
当您想要描述一个链接的时候，提示工具（Tooltip）就显得非常有用。提示工具（Tooltip）插件是受写的的启发。提示工具（Tooltip）插件做了很多改进，例如不需要依赖图像，而是改用 CSS 实现动画效果，用 data 属性存储标题信息。
2024-08-20 11:50:32
1698
原创 Bootstrap 警告框（Alert）插件
警告框（Alert）消息大多是用来向终端用户显示诸如警告或确认消息的信息。使用警告框（Alert）插件，您可以向所有的警告框消息添加可取消（dismiss）功能。
2024-08-19 21:42:52
924
原创 Bootstrap 折叠（Collapse）插件
折叠（Collapse）插件可以很容易地让页面区域折叠起来。无论您用它来创建折叠导航还是内容面板，它都允许很多内容选项。
2024-08-19 21:39:44
1659
原创 Bootstrap 附加导航（Affix）插件
附加导航（Affix）插件允许指定 固定在页面的某个位置。一个常见的例子是社交图标。它们将在某个位置开始，但当页面点击某个标记，该 会锁定在某个位置，不会随着页面其他部分一起滚动。
2024-08-17 08:13:03
766
原创 Bootstrap HTML编码规范
这样做的好处是，可以避免在 HTML 中使用字符实体标记（character entity），从而全部与文档编码一致（一般采用 UTF-8 编码）。id 用于标识具体组件，应当谨慎使用（例如，页面内的书签），因此排在第二位。为每个 HTML 页面的第一行添加标准模式（standard mode）的声明，这样能够确保在每个浏览器中拥有一致的展现。如果属性存在，其值必须是空字符串或 [...] 属性的规范名称，并且不要在首尾添加空白符。元素的布尔型属性如果有值，就是 true，如果没有值，就是 false。
2024-08-14 15:56:01
962
原创 Bootstrap CSS编码规范
例如，HTML 的 heading 元素只需要设置上、下边距（margin）的值，因此，在必要的时候，只需覆盖这两个值就可以。过度使用简写形式的属性声明会导致代码混乱，并且会对属性值带来不必要的覆盖从而引起意外的副作用。由于定位（positioning）可以从正常的文档流中移除元素，并且还能覆盖盒模型（box model）相关的样式，因此排在首位。当使用特定厂商的带有前缀的属性时，通过缩进的方式，让每个属性的值在垂直方向对齐，这样便于多行编辑。的文章，对于不太熟悉简写属性声明及其行为的用户很有用。
2024-08-14 15:55:50
579
原创 Bootstrap5 颜色
提供背景颜色的类有: .bg-primary, .bg-success, .bg-info, .bg-warning, .bg-danger, .bg-secondary, .bg-dark 和 .bg-light。注意背景颜色不会设置文本的颜色，在一些实例中你需要与 .text-* 类一起使用。
2024-08-11 10:39:17
379
原创 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
464
原创 Bootstrap5 网格系统
Bootstrap 提供了一套响应式、移动设备优先的流式网格系统，随着屏幕或视口（viewport）尺寸的增加，系统会自动分为最多 12 列。Bootstrap 5 的网格系统是响应式的，列会根据屏幕大小自动重新排列。请确保每一行中列的总和等于或小于 12。
2024-08-10 08:09:20
696
原创 Bootstrap5 安装使用
我们可以通过以下两种方式来安装 Bootstrap5：使用 Bootstrap5 CDN。从官网下载 Bootstrap 5。
2024-08-07 13:08:44
1302
原创 React Hooks
React Hooks 是一种函数式组件的增强机制，它允许你在不编写类组件的情况下使用 React 的特性。主要的 Hooks 包括useStateuseEffectuseContextuseReduceruseMemouseRef, 和等。这些 Hooks 提供了访问 React 特性的方式，使得你可以更好地组织和重用你的代码。
2024-08-07 13:08:37
883
原创 Bootstrap5 分页
网页开发过程，如果碰到内容过多，一般都会做分页处理。Bootstrap 5 可以很简单的实现分页效果。要创建一个基本的分页可以在 元素上添加 .pagination 类。
2024-08-06 07:40:50
618
原创 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
298
原创 React Tailwind CSS
在 React 项目中使用 Tailwind CSS 是一个很流行的选择，因为它提供了一种实用工具优先的方法来编写 CSS，使得你可以直接在类名中应用样式。这种方法使得样式编写更加简洁和直观。Tailwind CSS 是一个功能强大的 CSS 框架，它通过实用工具优先的方法使得样式编写更加简洁和模块化。与传统的基于类的 CSS 框架不同，Tailwind 提供了一组低级实用工具类，这些类可以直接在 HTML 元素上使用，以便快速、灵活地构建自定义设计。
2024-08-05 08:39:19
784
原创 React 使用 CSS 样式
在 React 应用程序中使用 CSS 有多种方法。以下是一些常见的方式以及如何在 React 中实现这些方法的详细说明。
2024-08-05 08:37:46
731
原创 React Memo
默认情况下，React.memo只会对比前后的props，如果没有变化则不会重新渲染。你可以通过传递一个自定义比较函数来更精确地控制重新渲染的逻辑。// 返回 true 表示相等，不需要重新渲染// 返回 false 表示不相等，需要重新渲染。
2024-08-04 08:33:48
426
原创 React 路由
React 路由通常使用 react-router 库来实现，它是一个功能强大的库，用于在 React 应用程序中实现客户端路由。
2024-08-04 08:33:38
549
原创 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
4721
4
原创 React Refs
React 支持一种非常特殊的属性，你可以用来绑定到 render() 输出的任何组件上。这个特殊的属性允许你引用 render() 返回的相应的支撑实例（ backing instance ），这样就可以确保在任何时间总是拿到正确的实例。在 React 中，Refs（引用）提供了一种访问 DOM 元素或组件实例的方法。使用 Refs 可以直接操作 DOM 元素或获取子组件实例，适用于处理焦点、文本选择、媒体播放、触发强制动画或集成第三方 DOM 库等场景。
2024-08-03 08:54:46
611
原创 React 组件生命周期
render() 方法是 class 组件中唯一必须实现的方法，其他方法可以根据自己的需要来实现。render() 方法是 class 组件中唯一必须实现的方法，其他方法可以根据自己的需要来实现。当组件的 props 或 state 发生变化时会触发更新。每当组件的 state 或 props 发生变化时，组件就会更新。这些方法的详细说明，可以参考。这些方法的详细说明，可以参考。这些方法的详细说明，可以参考。
2024-07-30 08:55:31
426
原创 React AJAX
在 React 应用中实现 AJAX 请求，通常可以使用 fetch API 或者第三方库如 axios、jquery 等库来进行网络请求。
2024-07-29 10:25:13
655
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人