渲染這倆字可能在很多地方都見(jiàn)過(guò)。但可能不太理解是啥意思。 那么首先我們來(lái)理解一下渲染。 渲染 我覺(jué)得這樣理解比較通俗。 我們做一個(gè)汽車(chē),開(kāi)始是沒(méi)有噴漆的(沒(méi)有css) 只是些框框架架(HTML標(biāo)簽)。那么網(wǎng)頁(yè)加載就是首先加載完HTML元素,其次是css,css去遍歷渲染每個(gè)對(duì)應(yīng)元素的樣式讓其看起來(lái)就是我們所想看到的效果一樣。不同瀏覽器的渲染方式不一樣,渲染機(jī)制也不一樣。 簡(jiǎn)單來(lái)將一個(gè)完整的HTML頁(yè)面渲染完成是有2個(gè)東西的。一個(gè)HTML元素加載完成,一個(gè)是CSS樣式加載完成。其次才是JS,如果JS寫(xiě)在頁(yè)面頂部在css元素加載之前 那就會(huì)在其執(zhí)行完后在執(zhí)行后面的渲染,會(huì)讓頁(yè)面的加載斷斷續(xù)續(xù)。所以現(xiàn)在很多JS都是建議放在頁(yè)面之前 而不是在header里。更不能放在樣式加載之前。 為什么要說(shuō)渲染呢,我認(rèn)為ReactJS就是渲染器。 |
下面我們來(lái)說(shuō)一下如何入門(mén)。首先要做的是下載文件。你可以去官網(wǎng)下載最新版本
http://facebook.github.io/react/
首先我們要導(dǎo)入三個(gè)庫(kù)(實(shí)際路徑以自己文件為準(zhǔn))
延伸閱讀
- ssh框架 2016-09-30
- 阿里移動(dòng)安全 [無(wú)線(xiàn)安全]玩轉(zhuǎn)無(wú)線(xiàn)電——不安全的藍(lán)牙鎖 2017-07-26
- 消息隊(duì)列NetMQ 原理分析4-Socket、Session、Option和Pipe 2024-03-26
- Selective Search for Object Recognition 論文筆記【圖片目標(biāo)分割】 2017-07-26
- 詞向量-LRWE模型-更好地識(shí)別反義詞同義詞 2017-07-26
- 從棧不平衡問(wèn)題 理解 calling convention 2017-07-26
- php imagemagick 處理 圖片剪切、壓縮、合并、插入文本、背景色透明 2017-07-26
- Swift實(shí)現(xiàn)JSON轉(zhuǎn)Model - HandyJSON使用講解 2017-07-26
- 阿里移動(dòng)安全 Android端惡意鎖屏勒索應(yīng)用分析 2017-07-26
- 集合結(jié)合數(shù)據(jù)結(jié)構(gòu)來(lái)看看(二) 2017-07-26