前言

前端框架 React 作用：代替操作 DOM

主要为了更好实现 局部刷新

当用户和网站发生交互时，我们不再是简单的直接通过浏览器进行页面的跳转，而是通过 JS 中的 AJAX 直接通过 JS 向后台服务器发送请求，请求过程用户毫无感知。响应数据会通过回调函数返回给 JS，而不是直接返回给用户。JS 中收到响应数据后，在根据不同的结果通过 DOM 来完成对页面的修改。

AJAX + DOM 使得局部刷新成为了可能 缺点是 SEO “Search Engine Optimization”（搜索引擎优化），不能直接检索内容，因为都是数据都是生成的， 解决方法： 网站 TDK

1. title 建议：网站名（产品名）-网站的介绍（尽量不要超过 30 个汉字）
2. description 建议：简要说明我们网站主要是做什么的
3. keywords 建议：是页面的关键词，是搜索引擎的关注点之一，最好限制为 6~8 个关键词，关键词之间用英文逗号隔开，采用关键词 1，关键词 2 的形式

数据并不能直接在网页中显示。我们需要通过 DOM 将数据转换为网页的中的各种节点， 一来 DOM 操作本身十分占用系统资源一不小心就会出现卡顿。二来 DOM 的 API 十分繁复，使得各种操作并不十分的优雅。换句话说，服务器的复杂度降低了，但是前端的复杂度提高了。

React 简介

React  是一个用于构建用户界面的 JavaScript 库，用来为现代的网络构建用户界面。React 起源于 Facebook，由 Facebook 的软件工程师 Jordan Walke 开发，2012 年部署于 Instagram，2013 年开源。除此之外，React 还有 React Native 框架，通过它让我们可以直接使用 JavaScript 来编写原生应用。

React 的特点：

• 虚拟 DOM
  • 简化 api
  • 兼容
  • 性能更好
    • diff
• 声明式
  • 声明式编程和命令式编程的比较
• 基于组件
  • 网页拆分为组件，以组件为单位，方便复用，降低代码之间的耦合
• 支持服务器端渲染
  • 对 SEO 优化
• 快速、简单、易学