邀請(qǐng)好友學(xué)習(xí)
每邀請(qǐng)一位你將得 ¥
1)逐步熟悉當(dāng)下 Web 前端開發(fā)的背景及特點(diǎn)
2)詳細(xì)了解 Vue 3 的主要變化和重要實(shí)現(xiàn)細(xì)節(jié)
3)快速掌握 Vue 解決的核心問題和關(guān)鍵路徑
4)全面精通 Vue 實(shí)現(xiàn)過程中的所有實(shí)現(xiàn)方法
5)從原理入手深度解析 Vue 源碼的整體思路
Vue 是當(dāng)前最火的 Web 前端框架之一,它提供了聲明式渲染、組件系統(tǒng)、客戶端路由、狀態(tài)管理、構(gòu)建等能力和工具鏈,這些逐步漸進(jìn)的能力 幾乎涵蓋了現(xiàn)代 Web 前端開發(fā)的所有熱點(diǎn)問題,并為這些問題一一提供了優(yōu)雅的解決方案。
理解 Vue 的源碼需要從時(shí)代背景和原理著手,了解 Vue 誕生的當(dāng)下面臨的問題以及每一個(gè)問題對(duì)應(yīng)的解決方案。本課程即會(huì)從這兩個(gè)方面著手,帶大家一步一步看到 Vue 為前端開發(fā)解決了什么問題。在了解這個(gè)大背景的前提下,再深入源碼的實(shí)現(xiàn),以做到 真正理解 Vue 的源碼,而不僅僅是停留在細(xì)節(jié)實(shí)現(xiàn)上。
理解 Vue 背后的時(shí)代背景和原理有助于前端工程師 提升自己的技術(shù)視野,在面對(duì)問題時(shí)能更 清楚地看到問題本質(zhì)。在尋找解決方法時(shí)也能 不拘泥于框架或他人提供的現(xiàn)成方法,而是能自己尋找根本原因并提供最合適的解決辦法。
此外,從原理上掌握 Vue 源碼也能更好地應(yīng)對(duì)工作中的場(chǎng)景,例如 晉級(jí)答辯、面試 等。因?yàn)檫@些場(chǎng)景需要開發(fā)者從原理上進(jìn)行一些敘述,從而體現(xiàn)自己對(duì)技術(shù)的理解和解決問題的能力。
TooBug 資深 Web 前端工程師,從事前端開發(fā)和架構(gòu)工作十年,目前就職于某互聯(lián)網(wǎng)金融公司任前端架構(gòu)師,負(fù)責(zé)過諸多項(xiàng)目的前端技術(shù)選型和架構(gòu)。看重 Web 基礎(chǔ)知識(shí)和基本原理,擅長(zhǎng) Web 前端基礎(chǔ)架構(gòu)工作和工程化。翻譯過多本技術(shù)書籍,開發(fā)過 Web 安全、CSS 等相關(guān)主題視頻課程。
介紹相關(guān)背景及專欄內(nèi)容,通過閱讀本章了解為什么需要學(xué)習(xí) Vue 源碼,以及如何從這一過程中真正學(xué)習(xí)到有用的知識(shí)。
介紹現(xiàn)代 Web 前端開發(fā)的兩大特征,即數(shù)據(jù)驅(qū)動(dòng)和組件化開發(fā),然后解讀 Vue 源碼需要的相關(guān)前置知識(shí)。通過本章的學(xué)習(xí),將了解到 Vue 所處的時(shí)代背景和面臨的問題,以及 Vue 在解決這些問題時(shí)使用了哪一些前置知識(shí)。
介紹 Vue 實(shí)例初始化的過程,在這一過程中,我們將看到 Vue 實(shí)例的核心組成部分和初始化的過程,并了解 Vue 是如何針對(duì)不同平臺(tái)進(jìn)行入口的包裝的。學(xué)習(xí)本章可以最直觀地接觸到 Vue 暴露出來的接口,為后續(xù)深入打下基礎(chǔ)。
介紹 Vue 的依賴收集、數(shù)據(jù)監(jiān)聽、模板編譯、組件機(jī)制等核心機(jī)制,這些核心機(jī)制構(gòu)成了 Vue 最核心的技術(shù)特性,了解它們將能比較好地看清 Vue 的全貌。
因?yàn)榭紤]到章節(jié)的連貫性,還有一些 Vue 實(shí)現(xiàn)過程中比較重要的細(xì)節(jié)將留到本章,包括渲染輔助方法、雙向綁定機(jī)制、slots 等內(nèi)容。在完整了解這些內(nèi)容中,基本就能掌握 Vue 實(shí)現(xiàn)過程中所有的實(shí)現(xiàn)方法了。
介紹 Vue 編譯工具鏈的核心原理和實(shí)現(xiàn),通過本章的學(xué)習(xí)能更深刻地理解 Vue 是如何將開發(fā) / 編譯等階段結(jié)合起來,從而實(shí)現(xiàn)單文件組件及各種 loader 的。
作為擴(kuò)展部分介紹 vue-router/vuex 等 Vue 周邊的核心原理和實(shí)現(xiàn),了解這一部分能讓開發(fā)者更深刻地理解前端框架所承擔(dān)的功能和具體的實(shí)現(xiàn)方式。
介紹 Vue3 的主要變化和值得注意的實(shí)現(xiàn)細(xì)節(jié)。
有 Vue 基礎(chǔ)語法的同學(xué)均可報(bào)名
下載慕課網(wǎng)APP
更好的體驗(yàn),讓閱讀隨處可得
如無法下載使用圖片另存為
下載海報(bào)