課程介紹

• 先看幾個(gè)面試題
• Vue面試題
• React面試題
• 框架綜合應(yīng)用
• webpack面試題
• 如何應(yīng)對(duì)上述面試題
• 面試官為何要這樣考察
• 接下來

先看幾個(gè)面試題

先看幾個(gè)面試題，先不解答，自己思考
思考如何應(yīng)對(duì)這些，以及所有的面試

Vue面試題

v-show和v-if的區(qū)別
為何v-for中要用key
描述Vue組件生命周期（有父子組件的情況）
Vue組件如何通訊
描述組件渲染和更新的過程
雙向數(shù)據(jù)綁定v-model的實(shí)現(xiàn)原理

React面試題

React組件如何通訊
JSX本質(zhì)是什么
context是什么，有何用途
shouldCompoentUpdate的用途
描述redux單向數(shù)據(jù)流
setState是同步還是異步（場(chǎng)景圖，見下文）

框架綜合應(yīng)用

基于React設(shè)計(jì)一個(gè)todolist（組件結(jié)構(gòu)，redux state 數(shù)據(jù)結(jié)構(gòu)）
基于Vue設(shè)計(jì)一個(gè)購物車（組件結(jié)構(gòu)，vuex state 數(shù)據(jù)結(jié)構(gòu)）

webpack面試題

前端代碼為何要進(jìn)行構(gòu)建和打包
module chunk bundle分別什么意思，有何區(qū)別？
loader和plugin的區(qū)別
webpack如何實(shí)現(xiàn)懶加載
webpack常用性能優(yōu)化
babel-runtime和babel-polyfill的區(qū)別

如何應(yīng)對(duì)上述面試題

框架的使用（基本使用，高級(jí)特性，周邊插件）
框架的原理（基本原理的了解，熱門技術(shù)的深度，全面性）
框架的實(shí)際應(yīng)用，即設(shè)計(jì)能力（組件結(jié)構(gòu)，數(shù)據(jù)結(jié)構(gòu)）

面試官為何要這樣考察

保證候選人能正常工作—考察使用
多個(gè)候選人競(jìng)爭(zhēng)時(shí)，選擇有技術(shù)追求—考察原理
看候選人是否能獨(dú)立承擔(dān)項(xiàng)目—考察設(shè)計(jì)能力

接下來

逐步講解Vue React webpack的使用和原理
講解Vue React如何做項(xiàng)目設(shè)計(jì)
大量的面試真題演練，邊學(xué)邊考

總結(jié)

以上是生活随笔為你收集整理的（二）先看几个面试题的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。