初获React功法

71 阅读2分钟

在一个熙熙攘攘的街道上,突然一位衣衫褴褛的老乞丐抓住你的手腕,平淡的说道:小子我看你骨骼惊奇,头顶精光隐隐闪烁,乃是天纵奇才,这一本功法可助你一臂之力。待我回过神来,手上多了一本破旧的书,那个老人一眨眼就消失不见了。我手拿书定睛一看———React神功。

前言

局部更新vue react 单页面 局部更新功效 单页面应用

通常我们在网页浏览信息时,去点击文章查看详情,点击标题进入会加载一个全新的页面。但是有时我们在页面操作只改变一小部分东西,像登录、点赞、购物时的购物车,如果每次操作都刷新整个页面是有些不划算的,刷新整个页面会重新请求相同的资源。

这个时候我们就需要局部刷新,来减少用户等待的时间,减轻服务器的压力。当用户和网站发生交互的时候不再是通过页面的跳转,而是js发送请求响应,通过操作DOM来对页面的修改。数据不能直接在页面中展示,需要通过DOM将数据换为页面中的各种节点,这就意味着我们必须反复的操作DOM。React、Vue、Angular就应运而生,能够轻松的把不同的数据来快速构建用户界面。

但是局部刷新的话就不利于seo,因为浏览器会加载网页内容并进行检索,局部刷新的话内容是动态的就不会获取到。

SPA(单页面应用) 和 MPA(多页面应用),Vue和React都是单页面应用 参考链接

React简介

React 是一个用于构建用户界面的 JavaScript 库, 也可以通过React Native使用JavaScript去构建原生应用

React的特点:

  • 虚拟DOM 构建虚拟DOM,不直接操作DOM,进行批量更新,减少更新次数
  • 声明式 将具体的操作放在函数里,只需要考虑执行什么,不用具体指定怎么做参考链接
  • 基于组件 页面拆分,将页面各个部分进行封装,开发时能够将组件进行复用和出现问题时能快速定位
  • 支持服务器渲染