自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(18)
  • 收藏
  • 关注

原创 HTML 表格

在 中,使用 元素定义列的标题,以上实例中列标题分别为"列标题1","列标题2"和"列标题3"。

2024-05-25 22:38:00 757

原创 HTML <head>

可以添加在头部区域的元素标签为: , , , , , 和 。 元素包含了所有的头部标签元素。在 元素中你可以插入脚本(scripts), 样式文件(CSS),及各种meta信息。META 元素通常用于指定网页的描述,关键词,文件的最后修改时间,作者,和其他元数据。 标签提供了元数据.元数据也不显示在页面上,但会被浏览器解析。 标签定义了不同文档的标题。

2024-05-19 20:04:18 340

原创 HTML 链接

HTML 使用超级链接与网络上的另一个文档相连。HTML中的链接是一种用于在不同网页之间导航的元素。链接通常用于将一个网页与另一个网页或资源(如文档、图像、音频文件等)相关联。链接允许用户在浏览网页时单击文本或图像来跳转到其他位置,从而实现网页之间的互联。

2024-05-14 17:54:41 917

原创 HTML 文本格式化

标签描述定义缩写定义地址定义文字方向定义长的引用定义短的引用语定义引用、引证定义一个定义项目。

2024-05-14 17:50:02 486

原创 HTML 标题

标题(Heading)是通过 - 标签进行定义的。 定义最大的标题。 定义最小的标题。

2024-05-09 22:24:45 167

原创 React Refs

React 支持一种非常特殊的属性,你可以用来绑定到 render() 输出的任何组件上。这个特殊的属性允许你引用 render() 返回的相应的支撑实例( backing instance )。这样就可以确保在任何时间总是拿到正确的实例。

2024-05-09 22:17:33 562

原创 React 表单与事件

本章节我们将讨论如何在 React 中使用表单。HTML 表单元素与 React 中的其他 DOM 元素有所不同,因为表单元素生来就保留一些内部状态。在 HTML 当中,像 , , 和 这类表单元素会维持自身状态,并根据用户输入进行更新。但在React中,可变的状态通常保存在组件的状态属性中,并且只能用 setState() 方法进行更新。

2024-05-05 17:03:50 239

原创 反应 AJAX

React 组件的数据可以通过 componentDidMount 方法中的 Ajax 来获取,当从服务端获取数据时可以将数据存储在 state 中,再用 this.setState 方法重新渲染 UI。当使用异步加载数据时,在组件卸载前使用 componentWillUnmount 来取消未完成的请求。

2024-05-05 17:01:49 273

原创 React 组件生命周期

render() 方法是 class 组件中唯一必须实现的方法,其他方法可以根据自己的需要来实现。render() 方法是 class 组件中唯一必须实现的方法,其他方法可以根据自己的需要来实现。当组件的 props 或 state 发生变化时会触发更新。每当组件的 state 或 props 发生变化时,组件就会更新。在本章节中,我们将讨论 React 组件的生命周期。这些方法的详细说明,可以参考。这些方法的详细说明,可以参考。这些方法的详细说明,可以参考。

2024-05-02 18:19:57 447

原创 React 组件 API

在本章节中我们将讨论 React 组件 API。

2024-05-02 18:17:21 1051

原创 React 列表 & 键

我们可以使用JavaScript 的 map() 方法来创建列表

2024-04-27 22:59:58 269

原创 React 条件渲染

在 React 中,你可以创建不同的组件来封装各种你需要的行为。然后还可以根据应用的状态变化只渲染其中的一部分。React 中的条件渲染和 JavaScript 中的一致,使用 JavaScript 操作符 if 或条件运算符来创建表示当前状态的元素,然后让 React 根据它们来更新 UI。

2024-04-27 22:55:31 489

原创 React 事件处理

React 元素的事件处理和 DOM 元素类似。在 React 中另一个不同是你不能使用返回的方式阻止默认行为, 你必须明确使用 preventDefault。实例中 e 是一个合成事件。使用 React 的时候通常你不需要使用 addEventListener 为一个已创建的 DOM 元素添加监听器。你仅仅需要在这个元素初始渲染的时候提供一个监听器。当你使用 ES6 class 语法来定义一个组件的时候,事件处理器会成为类的一个方法。

2024-04-26 22:29:10 584

原创 React 道具

state 和 props 主要的区别在于是不可变的,而 state 可以根据与用户交互来改变。这就是为什么有些容器组件需要定义 state 来更新和修改数据。而子组件只能通过 props 来传递数据。

2024-04-26 22:21:54 567

原创 React State(状态)

React 把组件看成是一个状态机(State Machines)。通过与用户的交互,实现不同状态,然后渲染 UI,让用户界面和数据保持一致。React 里,只需更新组件的 state,然后根据新的 state 重新渲染用户界面(不要操作 DOM)。以下实例创建一个名称扩展为 React.Component 的 ES6 类,在 render() 方法中使用 this.state 来修改当前的时间。添加一个类构造函数来初始化状态 this.state,类组件应始终使用 props 调用基础构造函数。

2024-04-25 20:34:04 749

原创 React 组件

本章节我们将讨论如何使用组件使得我们的应用更容易来管理。接下来我们封装一个输出 "Hello World!

2024-04-25 20:31:25 174

原创 React JSX

React 使用 JSX 来替代常规的 JavaScript。JSX 是一个看起来很像 XML 的 JavaScript 语法扩展。这种看起来可能有些奇怪的标签语法既不是字符串也不是 HTML。它被称为 JSX, 一种 JavaScript 的语法扩展。我们推荐在 React 中使用 JSX 来描述用户界面。JSX 是在 JavaScript 内部实现的。我们知道元素是构成 React 应用的最小单位,JSX 就是用来声明 React 当中的元素。

2024-04-24 22:45:49 258 1

原创 【轻松带你学React】元素渲染

元素是构成 React 应用的最小单位,它用于描述屏幕上输出的内容。与浏览器的 DOM 元素不同,React 当中的元素事实上是普通的对象,React DOM 可以确保 浏览器 DOM 的数据内容与 React 元素保持一致。

2024-04-24 20:00:49 266 1

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除