React 核心思想之宣告式渲染

2022-02-21 11:32:57 字數 916 閱讀 7913

react 發展很快，概念也多，本文目的在於幫助初學者理清 react 核心概念。

react 及 react 生態

react 的核心概念只有 2 點：

舉例：

// 命令式關注如何做（how）


var numbers = [1,2,3,4,5]


var doubled = 


for(var i = 0; i < numbers.length; i++) 


console.log(doubled) //=> [2,4,6,8,10]
遍歷整個陣列，取出每個元素，乘以二，然後把翻倍後的值放入新陣列，每次都要操作這個雙倍陣列，直到計算完所有元素。

// 宣告式關注做什麼（what）


var numbers = [1,2,3,4,5]


var doubled = numbers.map(function(n) )


console.log(doubled) //=> [2,4,6,8,10]
map 函式所作的事情是將直接遍歷整個陣列的過程歸納抽離出來，讓我們專注於描述我們想要的是什麼(what)。

渲染：模板 => html => 頁面檢視

發生在伺服器的叫後端模板渲染，公司用的是velocity。

發生在客戶端的叫前端模板渲染，常用的有 arttemplate。

以arttemplate為例。

MapReduce核心思想

mapreduce核心程式設計思想，如圖1 1所示。圖1 1 mapreduce核心程式設計思想 1 分布式的運算程式往往需要分成至少 2個階段。2 第乙個階段的 maptask 併發例項，完全並行執行，互不相干。3 第二個階段的 reducetask 併發例項互不相干，但是他們的資料依賴於上乙個階...

Kafka核心思想

kafka是2010年12月份開源的專案，採用scala語言編寫，使用了多種效率優化機制，整體架構比較新穎 push pull 更適合異構集群。設計目標 1 資料在磁碟上的訪問代價為o 1 2 高吞吐率，在普通的伺服器上每秒也能處理幾十萬條訊息 3 分布式架構，能夠對訊息分割槽 4 支援將資料並行的...

Spring核心思想

spring三大核心思想分別是 控制反轉 ioc 依賴注入 di 面向切面程式設計 aop ioc 控制反轉 將元件間的關係從程式內部轉移至外部容器 xml檔案 中進行管理。di 依賴注入 元件間的依賴關係由系統執行期間決定。外部容器將帶有依賴關係的目標物件例項動態注入到系統中的各個元件中。ioc與...