技術(shù)技能：

前端路線圖

通用基礎(chǔ)知識(shí)

• 計(jì)算機(jī)網(wǎng)絡(luò)

• 操作系統(tǒng)

• 數(shù)據(jù)和算法結(jié)構(gòu)

前端基礎(chǔ)知識(shí)

• html
• css
• JavaScript
• 瀏覽器基礎(chǔ)知識(shí)

設(shè)計(jì)模式

• 單例模式
• 觀察者模式
• 工廠模式
• 橋接模式
• 組合模式
• 門面模式
• 適配器模式
• 裝飾者模式
• 享元模式
• 代理模式
• 觀察者模式
• 命令模式
• 職責(zé)鏈模式
• ...

前端生態(tài)

• vue、react、angular
• react-native、uniapp、taro
• redux、mobx、vuex
• webpack、vite、rollup、esbuild
• yarn、npm
• eslint、prettier
• jest、react-testing-library、enzyme
• nextjs nuxtjs
• electron
• nodejs nginx
• 微前端、低代碼、跨平臺(tái)
• ...

軟件架構(gòu)

• mvc
• mvvm
• 什么是架構(gòu)設(shè)計(jì)
• 如何做架構(gòu)設(shè)計(jì)
• 直播平臺(tái)的架構(gòu)設(shè)計(jì)
• 電商平臺(tái)的架構(gòu)設(shè)計(jì)
• ...

項(xiàng)目、業(yè)務(wù)知識(shí)

• 印象深刻的線上bug復(fù)盤
• 項(xiàng)目宣講
• 業(yè)務(wù)知識(shí)的介紹和分享
• 業(yè)務(wù)項(xiàng)目?jī)?nèi)的重難點(diǎn)分享
• 某某平臺(tái)的某某功能的設(shè)計(jì)與實(shí)現(xiàn)
• ...

歷史經(jīng)驗(yàn)分享

• 某某框架的踩坑經(jīng)驗(yàn)
• 某某項(xiàng)目的打包優(yōu)化
• 業(yè)務(wù)項(xiàng)目中的踩坑經(jīng)驗(yàn)分享
• ...

技術(shù)前沿

• 2023前端發(fā)展趨勢(shì)
• 大前端發(fā)展現(xiàn)狀
• 2023國(guó)內(nèi)外前端發(fā)展態(tài)勢(shì)
• 2023年低代碼的發(fā)展動(dòng)態(tài)
• ...

學(xué)習(xí)心得

• 學(xué)習(xí)《代碼大全》的心得分享
• 學(xué)習(xí)《人月神話》的心得
• 學(xué)習(xí)《react官方文檔》的心得
• 《重構(gòu)，改善既有代碼》的讀后感
• ...

常見面試題

• http和https的區(qū)別
• 在瀏覽器輸入U(xiǎn)RL到頁(yè)面展示發(fā)生了什么
• ...

軟技能：

• 如何高效溝通
• 如何書寫文檔
• 如何做出優(yōu)質(zhì)的ppt
• ...

其他(可任選)

• 生活感悟
• 生活經(jīng)驗(yàn)
• 代碼人生
• 花鳥魚蟲
• 養(yǎng)生經(jīng)驗(yàn)
• 投資理財(cái)
• ...