班級(jí)規(guī)模及環(huán)境--熱線:4008699035 手機(jī):15921673576( 微信同號(hào)) |
每個(gè)班級(jí)的人數(shù)限3到5人,互動(dòng)授課, 保障效果,小班授課。 |
上間和地點(diǎn) |
上部份地點(diǎn):【上海】同濟(jì)大學(xué)(滬西)/新城金郡商務(wù)樓(11號(hào)線白銀路站)【深圳分部】:電影大廈(地鐵一號(hào)線大劇院站)/深圳大學(xué)成教院【北京分部】:北京中山學(xué)院/福鑫大樓【南京分部】:金港大廈(和燕路)【武漢分部】:佳源大廈(高新二路)【成都分部】:領(lǐng)館區(qū)1號(hào)(中和大道)【沈陽(yáng)分部】:沈陽(yáng)理工大學(xué)/六宅臻品【鄭州分部】:鄭州大學(xué)/錦華大廈【石家莊分部】:河北科技大學(xué)/瑞景大廈 最近開(kāi)間(周末班/連續(xù)班/晚班):2019年1月26日 |
實(shí)驗(yàn)設(shè)備 |
◆小班教學(xué),教學(xué)效果好 ☆注重質(zhì)量☆邊講邊練 ☆合格學(xué)員免費(fèi)推薦工作 ★實(shí)驗(yàn)設(shè)備請(qǐng)點(diǎn)擊這兒查看★ |
質(zhì)量保障 |
1、培訓(xùn)過(guò)程中,如有部分內(nèi)容理解不透或消化不好,可免費(fèi)在以后培訓(xùn)班中重聽(tīng); 2、培訓(xùn)結(jié)束后,授課老師留給學(xué)員聯(lián)系方式,保障培訓(xùn)效果,免費(fèi)提供課后技術(shù)支持。 3、培訓(xùn)合格學(xué)員可享受免費(fèi)推薦就業(yè)機(jī)會(huì)。☆合格學(xué)員免費(fèi)頒發(fā)相關(guān)工程師等資格證書(shū),提升職業(yè)資質(zhì)。專注高端技術(shù)培訓(xùn)15年,端海學(xué)員的能力得到大家的認(rèn)同,受到用人單位的廣泛贊譽(yù),端海的證書(shū)受到廣泛認(rèn)可。 |
部份程大綱 |
|
- 第1章 課程導(dǎo)學(xué)
對(duì)課程整體進(jìn)行講解。
- 1-1 課程導(dǎo)學(xué)
第2章 基礎(chǔ)知識(shí) React API 一覽
React主要API介紹,在這里你能了解它的用法,為下一章源碼分析打基礎(chǔ)。
- 2-1 準(zhǔn)備工作
2-2 JSX到JavaScript的轉(zhuǎn)換
2-3 react-element
2-4 react-component
2-5 react-ref
2-6 forward-ref
2-7 context
2-8 concurrent-mode
2-9 suspense-and-lazy
2-10 hooks
2-11 children
2-12 others
第3章 React中的更新
主要講解React創(chuàng)建更新中的主要兩種方式ReactDOM.render和setState,他們具體做了什么。
- 3-1 react-dom-render
3-2 react-fiber-root
3-3 react-fiber
3-4 react-update-and-updateQueue
3-5 react-expiration-time
3-6 different-expirtation-time
3-7 react-setState-forceUpdate
第4章 Fiber Scheduler
創(chuàng)建更新之后,找到Root然后進(jìn)入調(diào)度,同步和異步操作完全不同,實(shí)現(xiàn)更新分片的性能優(yōu)化。
- 4-1 總結(jié)流程概覽
4-2 scheduleWork
4-3 requestWork
4-4 batchedUpdates
4-5 reactScheduler(1)
4-6 reactScheduler(2)
4-7 reactScheduler(3)
4-8 reactScheduler(4)
4-9 performWork
4-10 renderRoot
4-11 最后補(bǔ)充
第5章 各類組件的Update
講解10多種不同類型的組件的更新過(guò)程,以及如何遍歷節(jié)點(diǎn)形成新的Fiber樹(shù)
- 第6章 完成節(jié)點(diǎn)任務(wù)
完成節(jié)點(diǎn)更新之后完成節(jié)點(diǎn)的創(chuàng)建,并提供優(yōu)化到最小幅度的DOM更新列表
- 第7章 commitRoot
根據(jù)更新列表最小幅度的改變DOM,實(shí)現(xiàn)UI的更新。
- 第8章 功能詳解:基礎(chǔ)
各種貫穿于更新和提交階段的功能,他們?cè)谀睦锇l(fā)揮作用,又是如何實(shí)現(xiàn)功能的
- 第9章 suspense and priority
Suspense作為下一個(gè)React的殺手功能,他又是如何實(shí)現(xiàn)異步渲染的呢?
- 第10章 功能詳解:Hooks
Hooks顛覆原先的React組件開(kāi)發(fā)模式,提供更小粒度的更新以及更加適合解耦的API。
|