• <noscript id="ungjj"></noscript>
    <ins id="ungjj"></ins>

    1. 什么是React,React特點,React的工作原理

      發布時間:2022-06-18    知識欄目:網站建設知識

      React系列之--React簡介

      React簡介
      一、什么是React
      廢話不說,我們先看看官方是雜說的

      React is a JavaScript library for creating user interfaces by Facebook and Instagram. Many people choose to think of React as the V in MVC.

      大概意思就是說React是被Facebook和Instagram創建的一個針對Ui Js類庫,許多人也把它認為是MVC中的V層。

      話說,facebook對市面上所有的js類庫都不滿意,所以自己就開發了一個,我只能說真是牛'B'呀。有點扯遠了。

      我們只要知道這個玩意是用來創建V的就可以了
      廣州網站建設
      二、React特點
      1、簡單

      用官方的話說就是,使用react可以很簡單的呈現出你的應用。當然學習也簡單

      2、聲明式

      在數據發生變化的時候,React從概念上講與點擊了F5一樣,實際上它僅僅是更新了變化的一部分而已(通過虛擬DOM技術的diff算法)。

      3、組件化

      Rect的編寫是基于組件的,它是把一個個組件組合起來形成一個界面,facebook使用組件化開發代替模板引擎,通過js代碼生成View

      下幅圖可以直觀的看到組件化的思想:

      網站建設知識

      MVC:開發者將三者定義成不同的類,實現了表現、數據、控制的分離(從技術角度拆分UI實現松耦合)

      React:新的思路,開發者從功能的角度出發,將UI拆成不同的組件。每個組件都獨立封裝。即按照界面模塊自然劃分的方式來組織和編寫你的代碼

      4、一次學習,到處使用

      并沒有說一次編寫到處運行,我們可以在客戶端渲染,也可以在服務端渲染,還可以在手機app上渲染(使用RN)

      三、React的工作原理(基本原理)
      1、Virtual DOM 虛擬DOM

      和傳統的Web應用的不同的是,React為了減少Dom的操作(Dom的更新代價是比較大的),不是全部更新Dom而是通過虛擬DOM的技術,就是真實Dom的當前Dom之間通過diff算法比較,只更新改變部分的Dom,這就大大提高了性能。

      2、基于狀態更新(state和render)

      React是如何渲染組件,并且在什么渲染組件的,這就要說說state和render了。state包含一些組件所需要的屬性,如果這些數據發生變化,那么就會自動調用render方法來渲染組件,我們只能通過React的setState方法來更新組件狀態。

      總結:通過本節我們了解了以下幾點:

      1、React是一個V

      2、React沒有模板的概念,是通過組件組合來使用

      3、React通過虛擬Dom來更新組件 

      4、React是一個狀態機(通過狀態的改變來更新組件)

      到此為止,我們對React就講完了。
      +相關資訊

      廣州網站建設 廣州網站設計 廣州網站開發

      工作室工作地點分布:廣州  深圳  武漢  湖南


      (c) Copyright 2008-2018 中網互聯網站建設工作室. All Rights Reserved.