React.js入門實(shí)例教程之創(chuàng)建helloworld的5種方式_javascript技巧

React 是近期非常熱門的一個(gè)前端開(kāi)發(fā)框架。React 起源于 Facebook 的內(nèi)部項(xiàng)目，因?yàn)樵摴緦?duì)市場(chǎng)上所有 JavaScript MVC 框架，都不滿意，就決定自己寫一套，用來(lái)架設(shè) Instagram 的網(wǎng)站。做出來(lái)以后，發(fā)現(xiàn)這套東西很好用，就在2013年5月開(kāi)源了。由于 React 的設(shè)計(jì)思想極其獨(dú)特，屬于革命性創(chuàng)新，性能出眾，代碼邏輯卻非常簡(jiǎn)單。所以，越來(lái)越多的人開(kāi)始關(guān)注和使用，認(rèn)為它可能是將來(lái) Web 開(kāi)發(fā)的主流工具。

ReactJS官網(wǎng)地址：http://facebook.github.io/react/

Github地址：https://github.com/facebook/react

ReactJS中文地址：http://reactjs.cn/react/docs/getting-started.html

React是什么？

React是由工作在Facebook的優(yōu)秀程序員開(kāi)發(fā)出來(lái)的用于開(kāi)發(fā)用戶交互界面的JS庫(kù)。其源碼由Facebook和社區(qū)優(yōu)秀的程序員維護(hù)，因此其背后有著非常強(qiáng)大的技術(shù)團(tuán)隊(duì)給予技術(shù)支持。React帶來(lái)了很多新的東西，例如組件化、JSX、虛擬DOM等。其提供的虛擬DOM使得我們渲染組件呈現(xiàn)非常之快，讓我們從頻繁操作DOM的繁重工作之中解脫。了解React的人都知道，它做的工作更多偏重于MVC中的V層，結(jié)合其它如Flux等一起，你可以非常容易構(gòu)建強(qiáng)大的應(yīng)用。

二、ReactJS特點(diǎn)

1，虛擬DOM

通過(guò)DOM diff算法，只會(huì)更新有差異化的部分，不用渲染整個(gè)頁(yè)面，從而提高效率

2，組件化

把頁(yè)面分成若干個(gè)組件，組件中包含邏輯結(jié)構(gòu)和樣式

組件只包含自身邏輯，更新組件的時(shí)候可以預(yù)測(cè)，利于維護(hù)

頁(yè)面拆分多個(gè)組件，可以做到重用

3，單向數(shù)據(jù)流

數(shù)據(jù)是從頂層組件傳遞到子組件中

數(shù)據(jù)可控

三、入門React 編寫 Hello，world 首先了解下什么是JSX

React的核心機(jī)制之一就是虛擬DOM：可以在內(nèi)存中創(chuàng)建的虛擬DOM元素。React利用虛擬DOM來(lái)減少對(duì)實(shí)際DOM的操作從而提升性能。類似于真實(shí)的原生DOM，虛擬DOM也可以通過(guò)JavaScript來(lái)創(chuàng)建，例如：

使用這樣的機(jī)制，我們完全可以用JavaScript構(gòu)建完整的界面DOM樹，正如我們可以用JavaScript創(chuàng)建真實(shí)DOM。但這樣的代碼可讀性并不好，于是React發(fā)明了JSX，利用我們熟悉的HTML語(yǔ)法來(lái)創(chuàng)建虛擬DOM：

四、React 編寫Hello，world 入門的5種方式

第1種方式

聲明：本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問(wèn)題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

React.js入門實(shí)例教程之創(chuàng)建helloworld的5種方式_javascript技巧

React.js入門實(shí)例教程之創(chuàng)建helloworld的5種方式_javascript技巧:一、ReactJS簡(jiǎn)介 React 是近期非常熱門的一個(gè)前端開(kāi)發(fā)框架。React 起源于 Facebook 的內(nèi)部項(xiàng)目，因?yàn)樵摴緦?duì)市場(chǎng)上所有 JavaScript MVC 框架，都不滿意，就決定自己寫一套，用來(lái)架設(shè) Instagram 的網(wǎng)站。做出來(lái)以后，發(fā)現(xiàn)這套東西很好用，就在2013年5月

推薦度：

點(diǎn)擊下載本文 文檔為doc格式

標(biāo)簽： 創(chuàng)建的 種方式 javascript

• 熱門焦點(diǎn)

最新推薦

猜你喜歡

熱門推薦

專題