1、开启 React 之旅：从基础到性能优化

最新推荐文章于 2025-10-20 12:00:10 发布

gin88

最新推荐文章于 2025-10-20 12:00:10 发布

阅读量18

点赞数

CC 4.0 BY-SA版权

分类专栏：以React之道学React 文章标签： React JavaScript 虚拟DOM

本文链接：https://blog.youkuaiyun.com/gin88/article/details/151635013

以React之道学React 专栏收录该内容

20 篇文章 ¥499.90

订阅专栏¥69.90

会员秒杀 ¥9.9 重磅福利

超级会员免费看

开启 React 之旅：从基础到性能优化

在日常浏览网页时，你是否思考过网页的响应性？它是如何对你的操作做出反应的？是否能在不刷新页面的情况下获得反馈？React 作为一个专注于这些交互反应的 JavaScript 库，正可以很好地解决这些问题。接下来，我们将深入探讨 React 的相关知识。

1. 理解 HTML 和 JavaScript 的协同工作

在开始学习 React 之前，我们需要先了解 HyperText Markup Language (HTML) 和 JavaScript (JS) 是如何协同工作的。HTML、Cascading Style Sheets (CSS) 和 JS 是构成网页的三大技术。HTML 负责构建网页的结构，CSS 关注页面的外观，而 JS 则实现用户与页面之间的交互。

1.1 HTML 基础

HTML 是一种用于定义内容结构的语言，由一组称为标签的代码组成，每个标签都有开始和结束。以下是一个基本的 HTML 文件示例：

<!DOCTYPE html>
<html>
<head>
  <title>My first html page</title>
</head>
<body>
  <div id="app">
    <p id="p1" style="color:red">Just React</p>
    <p id="p2" style="color:green">2022</p>