ReactNative性能優(yōu)化相關(guān)

1才写,Component Key

如果component用了random key劳曹,那么react會(huì)在做虛擬dom比較的時(shí)候奴愉,就會(huì)認(rèn)為是兩個(gè)dom,render的時(shí)候就會(huì)重新繪制所有組件铁孵。如果我們?cè)趆ome里面用了random key,那么每次render home的時(shí)候房资,必然重新繪制整個(gè)app蜕劝,不管用什么方式優(yōu)化性能都不會(huì)起作用。因?yàn)樘摂Mdom的根節(jié)點(diǎn)變了轰异。

所有我們代碼里不要給component設(shè)置random key岖沛。

2,F(xiàn)latList,? SectionList回調(diào)函數(shù)賦值

由于sectionlist搭独、flatlist是purecomponent婴削,purecomponent在做虛擬dom比較的時(shí)候,會(huì)做一個(gè)淺判斷:如果子組件的props或者state沒有變化牙肝,則不重新繪制該組件唉俗。

如果render list對(duì)某個(gè)屬性賦值時(shí)做bind操作,則會(huì)導(dǎo)致list的該屬性在每次render的時(shí)候都不一樣(每次bind都會(huì)賦值一個(gè)新對(duì)象)配椭,就會(huì)導(dǎo)致list重新刷新虫溜,影響性能。

wrong

為了優(yōu)化list的性能股缸,不要在對(duì)flatlist衡楞、sectinlist的回調(diào)函數(shù)賦值時(shí)進(jìn)行bind,對(duì)list賦值的回調(diào)函數(shù)最好在constructor里賦值敦姻,然后在render的時(shí)候只賦值一個(gè)變量瘾境。

good

3,動(dòng)畫效果

動(dòng)畫效果不要用timer的setInterval或者頻繁setState镰惦,不然會(huì)卡頓迷守。應(yīng)用animated實(shí)現(xiàn)。

InteractionManager

InteractionManager.runAfterInteractions是為了將需要長時(shí)間處理的任務(wù)如網(wǎng)絡(luò)請(qǐng)求等放入InteractionManager異步執(zhí)行陨献,好防止其影響用戶交互盒犹、動(dòng)畫效果等。

不要在InteractionManager.runAfterInteractions里執(zhí)行動(dòng)畫效果眨业。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末急膀,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子龄捡,更是在濱河造成了極大的恐慌卓嫂,老刑警劉巖,帶你破解...
    沈念sama閱讀 222,627評(píng)論 6 517
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件聘殖,死亡現(xiàn)場(chǎng)離奇詭異晨雳,居然都是意外死亡行瑞,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,180評(píng)論 3 399
  • 文/潘曉璐 我一進(jìn)店門餐禁,熙熙樓的掌柜王于貴愁眉苦臉地迎上來血久,“玉大人,你說我怎么就攤上這事帮非⊙跬拢” “怎么了?”我有些...
    開封第一講書人閱讀 169,346評(píng)論 0 362
  • 文/不壞的土叔 我叫張陵末盔,是天一觀的道長筑舅。 經(jīng)常有香客問我,道長陨舱,這世上最難降的妖魔是什么翠拣? 我笑而不...
    開封第一講書人閱讀 60,097評(píng)論 1 300
  • 正文 為了忘掉前任,我火速辦了婚禮游盲,結(jié)果婚禮上误墓,老公的妹妹穿的比我還像新娘。我一直安慰自己背桐,他們只是感情好优烧,可當(dāng)我...
    茶點(diǎn)故事閱讀 69,100評(píng)論 6 398
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著链峭,像睡著了一般畦娄。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上弊仪,一...
    開封第一講書人閱讀 52,696評(píng)論 1 312
  • 那天熙卡,我揣著相機(jī)與錄音,去河邊找鬼励饵。 笑死驳癌,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的役听。 我是一名探鬼主播颓鲜,決...
    沈念sama閱讀 41,165評(píng)論 3 422
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼典予!你這毒婦竟也來了甜滨?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 40,108評(píng)論 0 277
  • 序言:老撾萬榮一對(duì)情侶失蹤瘤袖,失蹤者是張志新(化名)和其女友劉穎衣摩,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體捂敌,經(jīng)...
    沈念sama閱讀 46,646評(píng)論 1 319
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡艾扮,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,709評(píng)論 3 342
  • 正文 我和宋清朗相戀三年既琴,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片泡嘴。...
    茶點(diǎn)故事閱讀 40,861評(píng)論 1 353
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡甫恩,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出酌予,到底是詐尸還是另有隱情填物,我是刑警寧澤,帶...
    沈念sama閱讀 36,527評(píng)論 5 351
  • 正文 年R本政府宣布霎终,位于F島的核電站,受9級(jí)特大地震影響升薯,放射性物質(zhì)發(fā)生泄漏莱褒。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 42,196評(píng)論 3 336
  • 文/蒙蒙 一涎劈、第九天 我趴在偏房一處隱蔽的房頂上張望广凸。 院中可真熱鬧,春花似錦蛛枚、人聲如沸谅海。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,698評(píng)論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽扭吁。三九已至,卻和暖如春盲镶,著一層夾襖步出監(jiān)牢的瞬間侥袜,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,804評(píng)論 1 274
  • 我被黑心中介騙來泰國打工溉贿, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留枫吧,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 49,287評(píng)論 3 379
  • 正文 我出身青樓宇色,卻偏偏與公主長得像九杂,于是被迫代替她去往敵國和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子宣蠕,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,860評(píng)論 2 361

推薦閱讀更多精彩內(nèi)容

  • 40例隆、React 什么是React?React 是一個(gè)用于構(gòu)建用戶界面的框架(采用的是MVC模式):集中處理VIE...
    萌妹撒閱讀 1,024評(píng)論 0 1
  • 官網(wǎng)地址https://facebook.github.io/react/docs/hello-world.htm...
    pixels閱讀 708評(píng)論 0 6
  • 深入響應(yīng)式 追蹤變化: 把普通js對(duì)象傳給Vue實(shí)例的data選項(xiàng)植影,Vue將使用Object.defineProp...
    冥冥2017閱讀 4,878評(píng)論 6 16
  • 3. JSX JSX是對(duì)JavaScript語言的一個(gè)擴(kuò)展語法裳擎, 用于生產(chǎn)React“元素”,建議在描述UI的時(shí)候...
    pixels閱讀 2,840評(píng)論 0 24
  • 今天參加一個(gè)關(guān)于車聯(lián)網(wǎng)的講座思币,隨著網(wǎng)絡(luò)的發(fā)展鹿响,特別是5G網(wǎng)絡(luò)的成熟羡微,真正實(shí)現(xiàn)萬事萬物互聯(lián),在這個(gè)極具發(fā)展的時(shí)...
    姚常春閱讀 70評(píng)論 0 0