HTML + CSS：

什么是 BFC，它的作用是什么，有哪些觸發(fā)方式

簡(jiǎn)單說下 opacity: 0、visibility: hidden、display: none 的區(qū)別

說一下 CSS 權(quán)重

em、rem、vw、vh、vmin、vmax 分別是做什么的

開發(fā)階段中，img 圖片中間為什么會(huì)有 4-6px 的間距，而在生產(chǎn)環(huán)境就沒了

項(xiàng)目做到一半，iconfont 圖標(biāo)庫中添加了新的圖標(biāo)，那么如何將單個(gè)新的字體圖標(biāo)添加到項(xiàng)目中

Javascript：

簡(jiǎn)單說下 js 中的變量提升

作用域鏈和閉包又有什么關(guān)系

new 的原理是什么

this 的原理是什么，怎么控制 this 的指向

bind 和 call、apply 最大的區(qū)別是什么

簡(jiǎn)單說下 Event Loop 事件循環(huán)機(jī)制

簡(jiǎn)單說下 setTimeout、Promise、Async/Await 的區(qū)別

什么是防抖，什么是節(jié)流

它們的區(qū)別是什么

分別應(yīng)用到哪種場(chǎng)景中

onmouseover out 和 onmouseenter leave 的區(qū)別是什么

onload 和 DOMContentLoaded 是什么

簡(jiǎn)單說下 js 加載時(shí)間線

什么是 base64

為什么轉(zhuǎn)換成 base64 后體積會(huì)膨脹

Vue：

Vue 官網(wǎng)明確表示它只是做視圖的，那么 Vue 到底是不是 MVVM 框架，以及你對(duì) MVVM 的理解

請(qǐng)說一下 Vue 響應(yīng)式數(shù)據(jù)的理解

Vue 中如何檢測(cè)數(shù)組變化

Vue 中如何進(jìn)行依賴收集

如何理解 Vue中 模板編譯原理

Vue 生命周期鉤子是如何實(shí)現(xiàn)的

Vue 的 2 個(gè)生命周期方法 created 和 mounted，你一般在哪一步發(fā)送請(qǐng)求，為什么

Vue.mixin 的使用場(chǎng)景和原理

Vue 組件 data 為什么必須是個(gè)函數(shù)

nextTick 在哪里使用？原理是什么?

Vue.set 方法是如何實(shí)現(xiàn)的

Vue 中 diff 算法原理

既然 Vue 通過數(shù)據(jù)劫持可以精準(zhǔn)探測(cè)數(shù)據(jù)變化，為什么還需要虛擬 DOM 進(jìn)行 diff 檢測(cè)差異？

簡(jiǎn)單說下 Vue 中 key 的作用和原理，談?wù)勀銓?duì)它的理解

Vue 的組件渲染流程

Vue 組件更新流程

Vue 中異步組件原理

Vue 中函數(shù)組件的優(yōu)勢(shì)及原理

Vue 組件間傳值的方式及之間區(qū)別

$attrs 是為了解決什么問題出現(xiàn)的，provide 和 inject 不能解決它能解決的問題嗎？

v-if 和 v-for 哪個(gè)優(yōu)先級(jí)更高？項(xiàng)目中碰到同時(shí)需要這 2 個(gè)點(diǎn)地方，你說怎么解決的

v-if，v-model，v-for 的實(shí)現(xiàn)原理

Vue 中 slot 是如何實(shí)現(xiàn)的？什么時(shí)候使用它？

Vue.use 是干什么的？原理是什么？

組件中寫 name 選項(xiàng)有哪些好處及作用？

Vue 事件修飾符有哪些？其實(shí)現(xiàn)原理是什么？

Vue 中 .sync 修飾符的作用，用法及實(shí)現(xiàn)原理

如何理解自定義指令

keep-alive 平時(shí)在哪里使用？原理是什么？

你在 Vue 項(xiàng)目中常用的性能優(yōu)化有哪些？

vue-router + vuex：

linkActiveClass 和 linkExactActiveClass 的區(qū)別和作用

parseQuery 和 stringifyQuery 的區(qū)別和作用

scrollBehavior 的作用

Vue-Router 有幾種鉤子函數(shù)，具體是什么，以及執(zhí)行流程是怎樣的

簡(jiǎn)單說下 Vue-Router 中，三種路由模式的區(qū)別

vuex 中，mutation 和 action 的區(qū)別是什么

vuex 的 subscribe 是做什么的

React：

React 里面為什么不能寫 class，而一定要寫成 className，有探究過原因嗎？

React組件里面，有哪幾種操作會(huì)導(dǎo)致整個(gè)組件重新渲染？

React 的行內(nèi)樣式 style，為什么會(huì)有 2 層花括號(hào) {{ }}

組件輸出，為什么要用 key

簡(jiǎn)單說下 props 和 state 的作用和區(qū)別

getSnapshotBeforeUpdate 是干什么的，它主要做了什么事

為什么不能再 componentDidUpdate 中更新 state

為什么不推薦在 componentWillUnmount 中做銷毀操作

react 中的 ref，和 vue 中的 ref 有什么不同

字符串 ref 和 createRef 的區(qū)別

Context 的作用是什么，簡(jiǎn)單說下 contextType、useContext、Consumer 三種方式

什么是 Fiber，為什么需要 Fiber

什么是 bailing out 機(jī)制

為什么所有的 hook，一定要寫在頂層，而不能放在if、for、while 中

useLayoutEffect 和 useEffect 的區(qū)別

react-router 中，有哪些路由

簡(jiǎn)單說下它們的作用和場(chǎng)景

react-redux 中，reducer 為什么一定要返回一個(gè)新對(duì)象，這么做的意義是什么？

react-redux 中，為什么一個(gè) action，可以觸發(fā)多個(gè) reducer？

這樣做意義是什么，有沒有什么影響

react-router 和 react-redux 一起用的時(shí)候，會(huì)產(chǎn)生沖突，有探究過它里面的原因是什么嗎

Webpack：

webpack 對(duì) DevServer 中，proxy 你是怎么做的

打包后 map 文件的用途是什么

loader 是做什么的，原理是什么

plugin 是做什么的，原理是什么

Tree Shaking 是做什么的

Code Splitting 是做什么的

在異步加載組件中，有一種語法叫魔法注釋，它是做什么的

Prefetching 和 Preloading 的作用分別是什么，主要用在哪些場(chǎng)景下

有做過 Shimming 墊片嗎，它主要是解決什么問題的，你一般是怎么做的

混合移動(dòng)開發(fā)：

網(wǎng)頁顯示問題中，圖片模糊、邊框問題的原因是什么，如何解決

頁面適配，rem 方案中，原理是什么

移動(dòng)開發(fā)中字體你一般用什么單位，為什么

移動(dòng)開發(fā)中，安卓是不支持 cookies 的，如何解決

在 ios 中，meta viewport 是無效的，那么你是如何阻止頁面縮放的

在 ios 中，你是如何解決劉海屏的問題

因?yàn)槲覀儾⒉皇窃_發(fā)，所以在 APP 內(nèi)其實(shí)還是 webview 加載頁面，這時(shí)候 navigator.userAgent 的內(nèi)容都是一樣的，那么你是如何判斷是網(wǎng)頁，還是在 APP 中通過 webview 打開的

http + node：

簡(jiǎn)單說下為什么要進(jìn)行三次握手？

URI、URL、URN 分別是什么

說下常見的 http code

CORS 跨域的認(rèn)定標(biāo)準(zhǔn)是什么，為什么不能跨域

緩存頭 Cache-Control 的特性和作用

max-age 的生效過程

詳細(xì)的說下緩存的過程

簡(jiǎn)單說下 no-cache 和 no-store 的區(qū)別

Accept 和 Content-Type 分別是做什么的

簡(jiǎn)單說下瀏覽器 TCP 連接的并發(fā)限制

cookie 的缺點(diǎn)有哪些

cookie 不安全為什么還要用

session 是如何實(shí)現(xiàn)的，什么是 session 劫持，怎么解決

cookie 和 session 的區(qū)別

簡(jiǎn)單說下簽名的過程

需要的小伙伴評(píng)論區(qū)?111