阿里前端崗位P6技術(shù)一面：

1. 簡(jiǎn)單自我介紹, 介紹一下你的項(xiàng)目和技術(shù)棧?

2. 說一說react和vue的比較

React18 與 Vue3 全方面對(duì)比

3. 詳細(xì)說下React Diff 算法

React原理：通俗易懂的 diff 算法

4. 詳細(xì)說下觀察者模式實(shí)現(xiàn)

前端必備的 7 種設(shè)計(jì)模式

前端設(shè)計(jì)模式之觀察者模式

5. http報(bào)文頭部有哪些字段? 有什么意義 ?

HTTP靈魂之問，鞏固你的 HTTP 知識(shí)體系

request

Accept:*/*
Accept-Encoding:gzip, deflate, br
Accept-Language:zh-CN,zh;q=0.9
Connection:keep-alive
// 發(fā)送端
Content-Language: zh-CN, zh, en
Content-Length:1540
Content-Type:application/json; charset=UTF-8
Cookie: JSESSIONID=2cd9900c-c266-4590-a49b-3b1236f6cf21
Host:mcs.snssdk.com
Origin:https://juejin.cn
Referer:https://juejin.cn/
User-Agent:Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/114.0.0.0 Safari/537.36

response

// 接收端
Accept-Language: zh-CN, zh, en
Content-Encoding:gzip
Content-Type:application/json;charset=UTF-8
Date:Fri, 21 Jul 2023 01:17:25 GMT
Transfer-Encoding:chunked
Vary:accept-encoding
X-Frame-Options:SAMEORIGIN

6. 移動(dòng)端高清方案如何解決 ?

移動(dòng)端法門：自適應(yīng)方案和高清方案

7. webpack的原理, loader 和 plugin 是干什么的?有自己手寫過么 ?

webpack入門知識(shí)及常用loader和plugin

8. 簡(jiǎn)述從網(wǎng)頁(yè)輸入url到網(wǎng)頁(yè)展示的過程發(fā)生了哪些事情 ?

從輸入U(xiǎn)RL到看到頁(yè)面發(fā)生了什么

9. SSR 和 客戶端渲染有什么區(qū)別 ,vue是如何實(shí)現(xiàn)綁定事件的 ?

服務(wù)端渲染和客戶端渲染的區(qū)別

Vue事件綁定原理

10. 簡(jiǎn)述公司node架構(gòu)中容災(zāi)的實(shí)現(xiàn) ?

隨著互聯(lián)網(wǎng)的普及，越來越多的企業(yè)和機(jī)構(gòu)開始使用Node.js來構(gòu)建他們的Web應(yīng)用程序。但是，在Node.js應(yīng)用程序中實(shí)現(xiàn)容災(zāi)機(jī)制并不是一件容易的事情。容災(zāi)機(jī)制可以幫助我們?cè)诿鎸?duì)各種故障和障礙時(shí)，保持應(yīng)用程序的正常運(yùn)行。在本文中，我們將介紹如何實(shí)現(xiàn)Node.js的容災(zāi)機(jī)制。

第一步：理解容災(zāi)

容災(zāi)是一種預(yù)防措施，它通過在應(yīng)用程序中添加備用設(shè)備和替代機(jī)制，來確保在系統(tǒng)出現(xiàn)故障時(shí)系統(tǒng)仍然可以正常工作。如果沒有容災(zāi)機(jī)制，一旦應(yīng)用程序出現(xiàn)故障，那么這將會(huì)導(dǎo)致系統(tǒng)癱瘓。

第二步：減少單點(diǎn)故障

在Node.js應(yīng)用程序中，最常見的單點(diǎn)故障就是網(wǎng)絡(luò)連接。為了避免這種情況，我們可以使用負(fù)載均衡器來分散請(qǐng)求和流量。這樣即使一個(gè)節(jié)點(diǎn)出現(xiàn)故障，客戶端仍可以訪問其他節(jié)點(diǎn)。

第三步：備份數(shù)據(jù)

如果應(yīng)用程序中的數(shù)據(jù)無法訪問，那么應(yīng)用程序?qū)o法正常工作。為了避免這種情況，我們必須相應(yīng)地備份我們的數(shù)據(jù)。我們可以將數(shù)據(jù)備份到本地磁盤或云存儲(chǔ)中。

第四步：使用微服務(wù)

將應(yīng)用程序分解成小而獨(dú)立的服務(wù)，這是實(shí)現(xiàn)容災(zāi)機(jī)制的另一種方式。每個(gè)服務(wù)都可以運(yùn)行在一個(gè)獨(dú)立的進(jìn)程中，并且可以相互通信來實(shí)現(xiàn)應(yīng)用程序的功能。如果其中一個(gè)服務(wù)出現(xiàn)故障，其他服務(wù)仍然可以正常工作，其余服務(wù)也可以自動(dòng)重啟或部署到其他服務(wù)器。

第五步：監(jiān)控系統(tǒng)

最后，監(jiān)控系統(tǒng)是必不可少的。在系統(tǒng)出現(xiàn)故障時(shí)，我們需要一個(gè)有效的警報(bào)系統(tǒng)，以便能夠快速響應(yīng)。監(jiān)控系統(tǒng)可以通過檢測(cè)應(yīng)用程序的運(yùn)行狀況，并且預(yù)測(cè)故障。如果出現(xiàn)任何問題，系統(tǒng)將發(fā)送警報(bào)，以便我們可以立即采取措施。

總結(jié)：

Node.js在應(yīng)用程序的快速開發(fā)方面已經(jīng)得到了廣泛的欣賞，但實(shí)現(xiàn)容災(zāi)機(jī)制是必要的。本文中，我們介紹了如何在Node.js應(yīng)用程序中實(shí)現(xiàn)容災(zāi)機(jī)制。減少單點(diǎn)故障，備份數(shù)據(jù)，使用微服務(wù)以及監(jiān)控系統(tǒng)都是實(shí)現(xiàn)容災(zāi)機(jī)制的有效方法。我們希望本文可以幫助您更好地了解如何確保應(yīng)用程序的連續(xù)性。

11. 瀏覽器事件有哪些過程? 為什么一般在冒泡階段,而不是在捕獲階段注冊(cè)監(jiān)聽? addEventListener 參數(shù)分別是什么 ?

事件捕獲的順序是從最外層的元素開始，逐級(jí)向內(nèi)部元素傳播，直到達(dá)到目標(biāo)元素。
例如：window -> document -> html -> body -> div。

事件冒泡的順序是從目標(biāo)元素開始，逐級(jí)向外層元素傳播，直到達(dá)到最外層的元素。
例如：div -> body -> html -> document -> window。

element.addEventListener(event, handler, useCapture);

其中，event表示要綁定的事件類型，function表示事件觸發(fā)時(shí)要執(zhí)行的函數(shù)，useCapture是一個(gè)可選的參數(shù)，用于指定事件是使用捕獲還是冒泡階段進(jìn)行處理。

當(dāng)useCapture為false或未提供時(shí)，事件將在冒泡階段進(jìn)行處理；當(dāng)useCapture為true時(shí)，事件將在捕獲階段進(jìn)行處理。

12. 面向?qū)ο笕绾螌?shí)現(xiàn)? 需要復(fù)用的變量 怎么處理 ?

面向?qū)ο笕绾螌?shí)現(xiàn)

13. 移動(dòng)端300ms延時(shí)的原因? 如何處理?

移動(dòng)端300ms延遲原因及解決方案

14. 主流框架的數(shù)據(jù)單向/雙向綁定實(shí)現(xiàn)原理 ?

Vue的響應(yīng)式數(shù)據(jù)與雙向綁定：原理與實(shí)現(xiàn)解析

基于React Hooks實(shí)現(xiàn)表單雙向數(shù)據(jù)綁定

15. 簡(jiǎn)述如何學(xué)習(xí) ?

16. 你覺得自己在前端工作的最大的優(yōu)點(diǎn)是什么拿實(shí)際工作的內(nèi)容舉例?

字節(jié)某部門前端開發(fā)一面面試題：

1. 常用的http狀態(tài)碼

HTTP 常用的狀態(tài)碼及使用場(chǎng)景

2. 301和302的區(qū)別(永久/臨時(shí))

（1）302 Found
臨時(shí)重定向。 該狀態(tài)碼表示請(qǐng)求的資源被分配到了新的 URI，希望用戶（本次）能使用新的 URI 訪問資源。和 301 Moved Permanently 狀態(tài)碼相似，但是 302 代表的資源不是被永久重定向，只是臨時(shí)性質(zhì)的。也就是說已移動(dòng)的資源對(duì)應(yīng)的 URI 將來還有可能發(fā)生改變。若用戶把 URI 保存成書簽，但不會(huì)像 301 狀態(tài)碼出現(xiàn)時(shí)那樣去更新書簽，而是仍舊保留返回 302 狀態(tài)碼的頁(yè)面對(duì)應(yīng)的 URI。同時(shí)，搜索引擎會(huì)抓取新的內(nèi)容而保留舊的網(wǎng)址。因?yàn)榉?wù)器返回302代碼，搜索引擎認(rèn)為新的網(wǎng)址只是暫時(shí)的。
使用場(chǎng)景：

當(dāng)我們?cè)谧龌顒?dòng)時(shí)，登錄到首頁(yè)自動(dòng)重定向，進(jìn)入活動(dòng)頁(yè)面。
未登陸的用戶訪問用戶中心重定向到登錄頁(yè)面。
訪問404頁(yè)面重新定向到首頁(yè)。

（2）303 See Other
該狀態(tài)碼表示由于請(qǐng)求對(duì)應(yīng)的資源存在著另一個(gè) URI，應(yīng)使用 GET 方法定向獲取請(qǐng)求的資源。
303 狀態(tài)碼和 302 Found 狀態(tài)碼有著相似的功能，但是 303 狀態(tài)碼明確表示客戶端應(yīng)當(dāng)采用 GET 方法獲取資源。
303 狀態(tài)碼通常作為 PUT 或 POST 操作的返回結(jié)果，它表示重定向鏈接指向的不是新上傳的資源，而是另外一個(gè)頁(yè)面，比如消息確認(rèn)頁(yè)面或上傳進(jìn)度頁(yè)面。而請(qǐng)求重定向頁(yè)面的方法要總是使用 GET。

美團(tuán)前端常考（必備）

3. 前端路由怎樣實(shí)現(xiàn)

前端路由實(shí)現(xiàn)原理（history）

單頁(yè)面應(yīng)用以及前端路由實(shí)現(xiàn)（SPA）

4. 前端路由直接刷新404怎樣處理

前端路由刷新404問題

5. 從前端到后端全鏈路如何設(shè)計(jì)實(shí)現(xiàn)一個(gè)登陸的流程？

幾種簡(jiǎn)單的登錄方式的實(shí)現(xiàn)——前端+后端

6. 什么是跨域，怎樣處理

九種跨域方式實(shí)現(xiàn)原理（完整版）

7. 簡(jiǎn)單請(qǐng)求和復(fù)雜請(qǐng)求的區(qū)別

CORS跨域請(qǐng)求[簡(jiǎn)單請(qǐng)求與復(fù)雜請(qǐng)求]

8. 瀏覽器的緩存策略說下

瀏覽器緩存知識(shí)梳理

9. domain屬性解決跨域。幾種domain設(shè)置對(duì)跨域是否生效

Cookie跨域&domain屬性

10. ts 泛型做什么的，infer關(guān)鍵字的作用？

輕松拿下 TS 泛型

理解TypeScript中的infer關(guān)鍵字（23年更新）

阿里媽媽一面：

1. 先自我介紹一下。

2. 有這樣一個(gè)場(chǎng)景：在做后臺(tái)管理系統(tǒng)的時(shí)候，一般路由是動(dòng)態(tài)生成的，前端的文件與路由是一一對(duì)應(yīng)的，假如不小心刪了一個(gè)文件，這個(gè)時(shí)候就會(huì)跳404頁(yè)面，會(huì)有不好的用戶體驗(yàn)，怎么做才能比較好的防止跳去404頁(yè)面？

可以采取以下措施來防止跳到404頁(yè)面：

• 進(jìn)行路由的前置檢查：在每次跳轉(zhuǎn)前，先檢查相關(guān)的文件是否存在。可以使用文件路徑或者統(tǒng)一的命名規(guī)則來進(jìn)行校驗(yàn)。
• 統(tǒng)一錯(cuò)誤處理：使用統(tǒng)一的錯(cuò)誤處理機(jī)制，當(dāng)檢測(cè)到文件不存在時(shí)，可以自動(dòng)重定向到一個(gè)自定義的錯(cuò)誤頁(yè)面，而不是跳轉(zhuǎn)到404頁(yè)面。
• 引入路由導(dǎo)航守衛(wèi)：使用前端框架提供的路由導(dǎo)航守衛(wèi)，在路由發(fā)生變化之前進(jìn)行檢查和處理。可以在導(dǎo)航守衛(wèi)中檢查文件是否存在，如果不存在則進(jìn)行重定向。
• 前端代碼備份：定期備份前端代碼，并保留歷史版本。如果不小心刪除了某個(gè)文件，可以從備份代碼中恢復(fù)。
• 錯(cuò)誤日志記錄：當(dāng)用戶訪問了不存在的頁(yè)面時(shí)，可以在后臺(tái)記錄下來，以便及時(shí)發(fā)現(xiàn)并處理這個(gè)問題。可以通過監(jiān)控工具、日志分析工具等來實(shí)現(xiàn)。

綜合使用以上措施，可以大大減少用戶跳轉(zhuǎn)到404頁(yè)面的情況，提升用戶體驗(yàn)。

3. 有一個(gè)頁(yè)面，一個(gè)絕對(duì)夠長(zhǎng)的背景圖，我們知道不給盒子設(shè)定高度的情況下默認(rèn)是100%的高度，盒子高度會(huì)被內(nèi)容所撐開。那么怎么做到第一屏完全顯示背景圖，第二屏也能繼續(xù)顯示呢？

background-size:100%
這種方式設(shè)置的背景圖片的大小,x軸會(huì)和盒子一樣的寬，但是y軸由于默認(rèn)為auto，所以會(huì)變成這樣。

4. 谷歌瀏覽器里面字體的最低像素是多少？ 。在項(xiàng)目開發(fā)中設(shè)置font-size: 8px;也會(huì)變成 12px ，我現(xiàn)在有一個(gè)需求需要 8px 的字體，怎么才能突破 12px 的限制？

“12px”

-webkit-transform: scale(8/12)

CSS - font-size 設(shè)置小字體不生效解決方案（小于12px）

5. 講一下你對(duì)ES6 的了解，以及 ESn的認(rèn)識(shí)

不想再被噴了，好好整理一下常用es6！!

花一個(gè)小時(shí)，迅速了解ES6~ES12的全部特性

6. 數(shù)組操作的時(shí)候你一般會(huì)用到哪些方法

28個(gè)Javascript數(shù)組方法，開發(fā)者的小抄

7. 怎么進(jìn)行站點(diǎn)內(nèi)的圖片性能優(yōu)化？

前端性能優(yōu)化——圖片篇

8. 講一下你對(duì)原型以及原型鏈的理解

你都得懂原型和原型鏈

9. 開發(fā)的過程中你用到過哪些設(shè)計(jì)模式？

JavaScript設(shè)計(jì)模式es6（23種)

10. 你們的用戶登陸一般是怎么處理的 ？權(quán)鑒前端怎么做？

用戶登錄一般的處理流程如下：

1. 前端顯示登錄表單：在前端頁(yè)面上展示登錄表單，包括用戶名和密碼輸入框以及登錄按鈕。
2. 用戶輸入用戶名和密碼：用戶在登錄表單中輸入用戶名和密碼，并點(diǎn)擊登錄按鈕提交表單。
3. 前端驗(yàn)證表單數(shù)據(jù)：前端可以對(duì)用戶輸入的用戶名和密碼進(jìn)行基本的格式驗(yàn)證，例如檢查是否為空，長(zhǎng)度是否符合要求等。
4. 向后端發(fā)送登錄請(qǐng)求：前端將用戶輸入的用戶名和密碼通過HTTP請(qǐng)求發(fā)送給后端服務(wù)器。
5. 后端驗(yàn)證用戶信息：后端服務(wù)器接收到登錄請(qǐng)求后，會(huì)驗(yàn)證用戶輸入的用戶名和密碼是否正確。通常后端會(huì)查詢數(shù)據(jù)庫(kù)或其他存儲(chǔ)系統(tǒng)來驗(yàn)證用戶的身份。
6. 驗(yàn)證成功返回令牌：如果用戶的用戶名和密碼驗(yàn)證成功，后端會(huì)生成一個(gè)令牌（token），并將其返回給前端。
7. 前端保存令牌：前端收到后端返回的令牌后，一般會(huì)將其保存在瀏覽器的本地存儲(chǔ)（LocalStorage或Cookie）中，以便后續(xù)的請(qǐng)求中帶上該令牌。
8. 后續(xù)請(qǐng)求帶上令牌：用戶登錄后，每次請(qǐng)求需要進(jìn)行權(quán)限驗(yàn)證的接口時(shí)，前端會(huì)將令牌作為請(qǐng)求頭或請(qǐng)求參數(shù)的一部分，發(fā)送給后端服務(wù)器。
9. 后端驗(yàn)證令牌：后端服務(wù)器接收到請(qǐng)求時(shí)，會(huì)驗(yàn)證令牌的有效性、合法性和權(quán)限，以確認(rèn)用戶身份。
10. 返回?cái)?shù)據(jù)或拒絕請(qǐng)求：如果令牌驗(yàn)證通過，后端服務(wù)器會(huì)返回請(qǐng)求的數(shù)據(jù)；如果令牌驗(yàn)證失敗或權(quán)限不足，后端服務(wù)器會(huì)返回相應(yīng)的錯(cuò)誤信息。

對(duì)于權(quán)鑒前端的處理，可以在登錄成功后，將令牌保存在本地存儲(chǔ)中，之后的請(qǐng)求中都需要在請(qǐng)求頭或請(qǐng)求參數(shù)中攜帶該令牌。同時(shí)需要對(duì)非登錄用戶限制相關(guān)功能的訪問，比如需要在需要權(quán)限驗(yàn)證的路由上添加驗(yàn)證邏輯，對(duì)沒有登錄或令牌驗(yàn)證失敗的用戶進(jìn)行攔截或重定向到登錄頁(yè)面。可以使用前端框架提供的路由守衛(wèi)中間件來實(shí)現(xiàn)這些功能。

11. 怎么中斷ajax請(qǐng)求，你有遇到過這樣的業(yè)務(wù)場(chǎng)景么？

如何取消ajax請(qǐng)求

12. 談一下vue的雙向綁定原理

vue雙向綁定原理

13. 移動(dòng)端的重復(fù)點(diǎn)擊你是怎么處理的

PC或移動(dòng)端：過快多次點(diǎn)擊，重復(fù)調(diào)用問題

14. 怎么觸發(fā)BFC，BFC有什么應(yīng)用場(chǎng)景？

怎么觸發(fā)BFC，BFC有什么應(yīng)用場(chǎng)景

15. 項(xiàng)目中有一個(gè)需求，讓你來主R，架構(gòu)已經(jīng)搭建好了，UI圖也已經(jīng)給出，你第一步會(huì)做什么？

拿到項(xiàng)目需求應(yīng)該怎么處理呢

16. 實(shí)現(xiàn) Promise.all

手寫實(shí)現(xiàn)Promise.all、Promise.race、Promise.finally

17. 數(shù)字1-100的累加，不用for循環(huán) ，有哪些方式實(shí)現(xiàn)？

遞歸、

阿里媽媽三面：

1. 先自我介紹， 再介紹下項(xiàng)目。

2. 介紹下你現(xiàn)在做的PWA的優(yōu)缺點(diǎn)，和普通的網(wǎng)頁(yè)有什么區(qū)別？具體怎么實(shí)現(xiàn)離線功能？如果現(xiàn)在有個(gè)請(qǐng)求，作用為刪除一個(gè)list里面的一項(xiàng)內(nèi)容，在沒有網(wǎng)絡(luò)連接時(shí)候這個(gè)請(qǐng)求被緩存，我關(guān)閉PWA再打開，之前的那個(gè)list會(huì)怎么樣？怎么樣優(yōu)化離線功能？

高階前端指北》之深入中出PWA

什么是PWA

3. 在ES6中有一個(gè)Map數(shù)據(jù)類型，我們可以用get, set來對(duì)它進(jìn)行操作。怎么用ES5的語(yǔ)句構(gòu)建一個(gè)可以實(shí)現(xiàn)類似ES6中Map數(shù)據(jù)類型功能的方法，封裝一下。提示：可以用數(shù)組，鏈表，對(duì)象，class或者其他，分析下每種方法的優(yōu)缺點(diǎn)，要求時(shí)間復(fù)雜度小于O(n)。

【每日一拳】打在從淺談散列表到對(duì) Map 的原理解析+手寫實(shí)現(xiàn)上

你不知道的ES6中的Map和Set的手寫實(shí)現(xiàn)！

4. 你之前做過偽代碼轉(zhuǎn)代碼的項(xiàng)目，說說這個(gè)項(xiàng)目是怎么做的？里面用的關(guān)鍵技術(shù)是什么？AST語(yǔ)法解析的原理是什么？

將偽代碼轉(zhuǎn)換為代碼的項(xiàng)目可以通過以下步驟來完成：

1. 理解偽代碼：仔細(xì)閱讀偽代碼，確保準(zhǔn)確理解其意義和邏輯。
2. 確定編程語(yǔ)言：選擇要使用的編程語(yǔ)言，以便將偽代碼轉(zhuǎn)換為具體的代碼。
3. 翻譯算法結(jié)構(gòu)：將偽代碼中的算法結(jié)構(gòu)轉(zhuǎn)換為所選編程語(yǔ)言的相應(yīng)結(jié)構(gòu)，如循環(huán)、條件語(yǔ)句和函數(shù)。
4. 翻譯變量和數(shù)據(jù)類型：將偽代碼中的變量和數(shù)據(jù)類型轉(zhuǎn)換為編程語(yǔ)言中相應(yīng)的變量和數(shù)據(jù)類型。
5. 翻譯操作和函數(shù)調(diào)用：將偽代碼中的操作和調(diào)用轉(zhuǎn)換為編程語(yǔ)言中相應(yīng)的操作和函數(shù)調(diào)用。

關(guān)鍵技術(shù)包括：編程語(yǔ)言的語(yǔ)法和規(guī)則，算法理解和翻譯的能力，以及對(duì)變量和數(shù)據(jù)類型的熟悉。

前端工程化基石--AST（抽象語(yǔ)法樹）以及AST的廣泛應(yīng)用

5. 你都學(xué)過或者使用過哪些語(yǔ)言，你知道什么是面向?qū)ο笳Z(yǔ)言嗎，你更喜歡那種語(yǔ)言，為什么？

6. 還有什么問題嗎？

興業(yè)數(shù)金前端一面面試題：

1.自我介紹+項(xiàng)目

2.輸入url到顯示整個(gè)頁(yè)面的過程

說一下從url輸入到返回請(qǐng)求的過程

3.CSS會(huì)阻塞DOM嗎

原來 CSS 與 JS 是這樣阻塞 DOM 解析和渲染的

4.介紹一下盒子模型

最淺顯易懂的 CSS 之 盒子模型

5.彈性布局

Flex-彈性布局原來如此簡(jiǎn)單

6.介紹一下事件循環(huán)，有哪些異步方法

說說事件循環(huán)機(jī)制

微任務(wù)、宏任務(wù)與Event-Loop

7.promise和await、async的區(qū)別

前端人 不了解的promise/async await

8.webpack打包的流程

帶你深度解鎖Webpack系列

玩轉(zhuǎn) webpack，使你的打包速度提升 90%

9.vue生命周期

vue生命周期

10.vue的nextTick

Vue3學(xué)習(xí)(五)-生命周期&ref獲取元素&nextTick用法&自定義hook函數(shù)

11.vue的diff算法了解過嗎

圖解 vue diff 算法

12.學(xué)過哪些設(shè)計(jì)模式以及自己對(duì)設(shè)計(jì)模式的理解，vue源碼中用到了哪些設(shè)計(jì)模式

常見的設(shè)計(jì)模式（Vue）

13.如何理解組合大于繼承

組合優(yōu)于繼承

14.了解過代碼風(fēng)格嗎，看過哪些代碼風(fēng)格的書，什么樣的代碼是好的代碼

一文教你如何寫出優(yōu)質(zhì)代碼

15.平時(shí)如何學(xué)前端

寫給初中級(jí)前端的高級(jí)進(jìn)階指南

2萬(wàn)字 | 前端基礎(chǔ)拾遺90問

曠視科技前端（提前批）一面面試題，校招的同學(xué)可以看過來：

1. 自我介紹

2. 判斷數(shù)據(jù)類型的方法都有哪些？

3. instanceof 可以判斷基本類型嗎？

4. typeof 函數(shù) 會(huì)返回什么？

5. new操作符都做了什么事？

6. 手寫new

7. css中的定位方式都有哪些？

8. 絕對(duì)定位設(shè)置top：50%是相當(dāng)于誰(shuí)來計(jì)算的？

9. 水平垂直居中的方式

10. git 回退版本的命令

11. 你還有什么要問我的嗎？

達(dá)達(dá)集團(tuán)23年秋招一面

你為什么選擇前端？

你對(duì)前端發(fā)展現(xiàn)狀個(gè)的看法；

1～5年的職業(yè)發(fā)展規(guī)劃；

你的優(yōu)缺點(diǎn)是什么？

大前端了解嗎？

平時(shí)都如何控制代碼規(guī)范的？

抗壓能力怎么樣？

本科和研究生階段你覺得自己最大的收獲是什么？

你會(huì)怎樣學(xué)習(xí)一門新的技術(shù)。

廈門4399前端崗位一面

1. 小球從高處掉下來上下反彈的動(dòng)畫實(shí)現(xiàn)

2. 如何判斷數(shù)組

3. webpack如何壓縮文件

4. url輸入發(fā)生了什么

5. 圖片格式 png和jpg區(qū)別

6. 原生如何綁定無序列表以及加序號(hào)

7. 性能優(yōu)化

8. sbootstrap原理

9. 三列布局 中間自適應(yīng)首次加載

10. 怎么培養(yǎng)自己的產(chǎn)品思維

11. 密碼加密方式

12. 前后分離缺陷

13. ssr原理

14. rcors原理

15 vue組件傳值 onemit原理

常見的css基礎(chǔ)面試題都有哪些？

1、請(qǐng)你講一講 CSS 的權(quán)重和優(yōu)先級(jí)

2、介紹 Flex 布局，flex 是什么屬性的縮寫：

3、CSS 怎么畫一個(gè)大小為父元素寬度一半的正方形？

4、CSS實(shí)現(xiàn)自適應(yīng)正方形、等寬高比矩形

5、實(shí)現(xiàn)兩欄布局的方式

6、實(shí)現(xiàn)三列布局的方式

7、CSS 動(dòng)畫有哪些？

8、用css2和css3分別寫一下垂直居中和水平居中

9、visibility 和 display 的差別（還有opacity)

10、opacity 可以有過渡效果嗎？

11、BFC 與 IFC 區(qū)別

12、BFC會(huì)與float元素相互覆蓋嗎？為什么？舉例說明

13、了解box-sizing嗎？

14、什么是 BFC

15、了解盒模型嗎？

16、說一下你知道的position屬性，都有啥特點(diǎn)？

17、兩個(gè)div上下排列，都設(shè)margin，有什么現(xiàn)象？

18、清除浮動(dòng)有哪些方法？

前端崗位面試題：如何處理Node.js中未捕獲的異常？

我們可以在進(jìn)程級(jí)別捕獲應(yīng)用程序中未捕獲的異常。為此將偵聽器附加到 process 全局對(duì)象：

process.on("uncaughtException", (err) => {
  console.log("exception caught: ", err);
});