<th id="6nrqw"></th>
  • <strike id="6nrqw"><listing id="6nrqw"></listing></strike>

    <del id="6nrqw"><bdo id="6nrqw"></bdo></del>

    <em id="6nrqw"><acronym id="6nrqw"><u id="6nrqw"></u></acronym></em>
      <em id="6nrqw"></em>
      1. <tbody id="6nrqw"></tbody>
        <tbody id="6nrqw"><noscript id="6nrqw"></noscript></tbody>
        1. <dd id="6nrqw"></dd>
        2. 什么是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就講完了。

          上一篇: 什么是MVVM?

          下一篇:沒有了

          +相關資訊

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

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


          (c) Copyright 2008-2018 中網互聯網站建設工作室. All Rights Reserved.
          <th id="6nrqw"></th>
        3. <strike id="6nrqw"><listing id="6nrqw"></listing></strike>

          <del id="6nrqw"><bdo id="6nrqw"></bdo></del>

          <em id="6nrqw"><acronym id="6nrqw"><u id="6nrqw"></u></acronym></em>
            <em id="6nrqw"></em>
            1. <tbody id="6nrqw"></tbody>
              <tbody id="6nrqw"><noscript id="6nrqw"></noscript></tbody>
              1. <dd id="6nrqw"></dd>