Web中的渲染指什麼？

01-21

請問，在ReactJS里常有的渲染到底是指什麼意思呢？我問的是計算機，不是剪片子也不是畫畫更，是web不是遊戲
引用如下：React.js學習筆記之表單詳解 - 早點兒睡 - SegmentFault
————————————————————————————————

可控組件

設置了 value 的 & 是一個受限組件。對於受限的 &，渲染出來的 HTML 元素始終保持 value 屬性的值。
render: function() { return &; }
上面的代碼將渲染出一個值為 Hello! 的 input 元素。
————————————————————————————————
有人查了wiki 說這是3D到2D 。遊戲里也許說得通，那這裡呢？是把2維的代碼變成2維的Hello world嗎？？求解，感謝各位大佬！

「渲染」英文就是render，React生命周期函數里唯一一個必須要有的函數就是叫render，在React的概念里，render函數的執行產生DOM結構描述可以叫「渲染」，但你要操作DOM的過程才叫「渲染」，也行。

對於瀏覽器自身，「渲染」指的又是根據DOM結構在屏幕上畫出內容的過程；對於顯卡，「渲染」指的是在顯存里畫像素的過程。

所以，不同層次對「渲染」的定義會有不同。

把你的數據按照寫好的模板拼成瀏覽器可以識別的HTML的過程。

不怎麼會 React，強答。個人理解的話渲染就是將數據轉換為肉眼可見的元素的步驟吧。

React 在 render 函數中首先將 jsx 編譯為 JavaScript，也就是 React.createElement 等函數，並通過它們生成一系列虛擬 DOM 節點。可是虛擬 DOM 節點說白了只是一個樹形結構啊，不能直接當 HTML 用吧，於是乎，就需要一個函數把它們「翻譯」成 HTML 元素並插入到頁面中，這個jsx -&> js -&> vnode -&> node 的過程就是渲染啦。