當前位置:首頁 » 網頁前端 » 前端面試場景圖
擴展閱讀
webinf下怎麼引入js 2023-08-31 21:54:13
堡壘機怎麼打開web 2023-08-31 21:54:11

前端面試場景圖

發布時間: 2023-03-03 04:11:46

1. Web前端最全面試寶典- Html篇

HTML
1.對WEB標准以及W3C的理解與認識
標簽閉合、標簽小寫、不亂嵌套、提高搜索機器人搜索幾率、使用外 鏈css和js腳本、結構行為表現的分離、文件下載與頁面速度更快、內容能被更多的用戶所訪問、內容能被更廣泛的設備所訪問、更少的代碼和組件,容易維 護、改版方便,不需要變動頁面內容、提供列印版本而不需要復制內容、提高網站易用性;
2.xhtml和html有什麼區別
HTML是一種基本的WEB網頁設計語言,XHTML是一個基於XML的置標語言
最主要的不同:
XHTML 元素必須被正確地嵌套。
XHTML 元素必須被關閉。
標簽名必須用小寫字母。
XHTML 文檔必須擁有根元素。
3.Doctype? 嚴格模式與混雜模式-如何觸發這兩種模式,區分它們有何意義?
用於聲明文檔使用那種規范(html/Xhtml)一般為 嚴格 過度 基於框架的html文檔
加入XMl聲明可觸發,解析方式更改為IE5.5 擁有IE5.5的bug
4.行內元素有哪些?塊級元素有哪些?
塊級元素:div p h1 h2 h3 h4 form ul
行內元素: a b br i span input select
5.HTML全局屬性(global attribute)有哪些
參考資料:MDN: html global attribute或者W3C HTML global-attributes
accesskey
:設置快捷鍵,提供快速訪問元素如aaa在windows下的firefox中按alt + shift + a
可激活元素
class
:為元素設置類標識,多個類名用空格分開,CSS和javascript可通過class屬性獲取元素
contenteditable
: 指定元素內容是否可編輯
contextmenu
: 自定義滑鼠右鍵彈出菜單內容
data-*
: 為元素增加自定義屬性
dir
: 設置元素文本方向
draggable
: 設置元素是否可拖拽
dropzone
: 設置元素拖放類型: , move, link
hidden
: 表示一個元素是否與文檔。樣式上會導致元素不顯示,但是不能用這個屬性實現樣式效果
id
: 元素id,文檔內唯一
lang
: 元素內容的的語言
spellcheck
: 是否啟動拼寫和語法檢查
style
: 行內css樣式
tabindex
: 設置元素可以獲得焦點,通過tab可以導航
title
: 元素相關的建議信息
translate
: 元素和子孫節點內容是否需要本地化
6.什麼是web語義化,有什麼好處
web語義化是指通過HTML標記表示頁麵包含的信息,包含了HTML標簽的語義化和css命名的語義化。 HTML標簽的語義化是指:通過使用包含語義的標簽(如h1-h6)恰當地表示文檔結構 css命名的語義化是指:為html標簽添加有意義的class,id補充未表達的語義,如Microformat通過添加符合規則的class描述信息 為什麼需要語義化:
去掉樣式後頁面呈現清晰的結構
盲人使用讀屏器更好地閱讀
搜索引擎更好地理解頁面,有利於收錄
便團隊項目的可持續運作及維護
7.html5有哪些新特性、移除了那些元素?如何處理HTML5新標簽的瀏覽器兼容問題?如何區分 HTML 和 HTML5?
新特性:
HTML5 現在已經不是 SGML 的子集,主要是關於圖像,位置,存儲,多任務等功能的增加。
拖拽釋放(Drag and drop) API
語義化更好的內容標簽(header,nav,footer,aside,article,section)
音頻、視頻API(audio,video)
畫布(Canvas) API
地理(Geolocation) API
本地離線存儲 localStorage 長期存儲數據,瀏覽器關閉後數據不丟失;
sessionStorage 的數據在瀏覽器關閉後自動刪除
表單控制項,calendar、date、time、email、url、search
新的技術webworker, websocket, Geolocation
移除的元素:
純表現的元素:basefont,big,center,font, s,strike,tt,u;
對可用性產生負面影響的元素:frame,frameset,noframes;
支持HTML5新標簽:
IE8/IE7/IE6支持通過 document.createElement 方法產生的標簽,可以利用這一特性讓這些瀏覽器支持 HTML5 新標簽,瀏覽器支持新標簽後,還需要添加標簽默認的樣式(當然最好的方式是直接使用成熟的框架、使用最多的是html5shiv框架):
如何區分:
DOCTYPE聲明新增的結構元素、功能元素
8. HTML5 存儲類型有什麼區別?
HTML5 能夠本地存儲數據,在之前都是使用 cookies 使用的。HTML5 提供了下面兩種本地存儲方案:
localStorage - 沒有時間限制的數據存儲,數據永遠不會過期,關閉瀏覽器也不會丟失
sessionStorage - 針對一個 session 的數據存儲,同一個會話中的頁面才能訪問並且當會話結束後數據也隨之銷毀。
9. HTML5 標准提供了哪些新的API?
1:canvas,不用多說,可以畫出很多絢麗的圖形,甚至可以直接做出偽3D游戲。
2:媒體控制,也很好理解(直譯就是回放功能,假如只用html5.0以下的標簽寫,以前的音樂播放是不可能實現滾動條的。)
3:離線網頁程序,可以把資源文件完全緩存在客戶端,並且通過js的一些方法清空緩存
4:文檔編輯,應該是更好的支持對文檔的編輯。
5:拖動,可以將文件拖動到某些區域上傳
6:跨文檔請求,websocket,一種更加高效的通訊方式
7:歷史管理,可以通過js管理和插入歷史記錄
8:MIME頭自定義
9:客戶端數據存儲,localstoage sessionstoage
10:地理位置共享
11:本地資料庫
12:索引資料庫
10.HTML5 應用程序緩存和瀏覽器緩存有什麼區別?
HTML5 引入了應用程序緩存,這意味著 web 應用可進行緩存,並可在沒有網際網路連接時進行訪問。
應用程序緩存為應用帶來三個優勢:
離線瀏覽 - 用戶可在應用離線時使用它們
速度 - 已緩存資源載入得更快
減少伺服器負載 - 瀏覽器將只從伺服器下載更新過或更改過的資源。
11.常用那幾種瀏覽器測試?有哪些內核(Layout Engine)?
(Q1)瀏覽器:IE,Chrome,FireFox,Safari,Opera。
(Q2)內核:Trident,Gecko,Presto,Webkit。
12.請描述一下 cookies,sessionStorage 和 localStorage 的區別?
cookie在瀏覽器和伺服器間來回傳遞。 sessionStorage和localStorage不會
sessionStorage和localStorage的存儲空間更大;
sessionStorage和localStorage有更多豐富易用的介面;
sessionStorage和localStorage各自獨立的存儲空間;
13.如何實現瀏覽器內多個標簽頁之間的通信?
調用localstorge、cookies等本地存儲方式
14.請寫出localStorage對象的常用方法。
存儲 - localStorage.setItem(key, value) - 如果key存在,更新value
獲取 - localStorage.getItem(key) - 如果key不存在,返回null
刪除 - localStorage.removeItem(key) - 刪除key對應的數據
全部清除 - localStorage.clear() - 清空localStorage中所有數據
遍歷 - localStorage.length
遍歷 - localStorage.key(index)
15.如何在HTML5中啟用應用程序緩存?
<html manifest="fileName.appcache">
每個指定了manifest的頁面在用戶對其訪問時都會被緩存。
.appcache是manifest文件的擴展名
16.html5 離線存儲
Html5的一個重要特性就是離線存儲,所謂的離線存儲就是將一些資源文件保存在本地,這樣後續的頁面重新載入將使用本地資源文件,在離線情況下可以繼續訪問web應用,同時通過一定的手法(更新相關文件或者使用相關API),可以更新、刪除離線存儲等操作。
Html5的離線存儲使用一個manifest文件來標明哪些文件是需要被存儲的,使用如 <html manifest='offline.manifest'> 來引入一個manifest文件,這個文件的路徑可以是相對的,也可以是絕對的,如果你的web應用很多,而且希望能集中管理manifest文件,那麼靜態文件伺服器是個不錯的選擇。
17.HTML5 Canvas 元素有什麼用?
Canvas 元素用於在網頁上繪制圖形,該元素標簽強大之處在於可以直接在 HTML 上進行圖形操作

2. web前端面試題第二道—簡述盒模型

W3C組織建議把所有網頁上的對象都放在一個盒子(box)中,就是所說的盒子模型,CSS盒模型本質上是一個盒子,封裝周圍的HTML元素,它包括:實際內容(content)、填充(padding)、邊框(border),邊界(margin)。一個div就是一個盒子。

下面的圖片說明了盒子模型(Box Model):

不同部分的說明與屬性:

Content(內容) - 盒子的內容,顯示文本和圖像。

Padding(內邊距) - Padding是盒子中的文字距離盒子邊框(border)的距離,內邊距是透明的。

Border(邊框) - 圍繞在內邊距和內容外的邊框。

Margin(外邊距) - margin是盒子距離網頁邊的距離,外邊距是透明的。

最終盒子實際所佔位置大小計算公式是這樣的:

盒子所佔位置的實際寬度=寬度+左填充+右填充+左邊框+右邊框+左邊界+右邊界

盒子所佔位置的實際高度=高度+頂部填充+底部填充+上邊框+下邊框+上邊界+下邊界

要注意區分的是盒子所佔位置的實際寬度高度值和盒子實際大小的寬度和高度值,盒子實際大小的寬度和高度是所佔位置實際寬度高度的值減去邊界(margin)所佔的大小,即

盒子的實際寬度=寬度+左填充+右填充+左邊框+右邊框

盒子的實際高度=高度+頂部填充+底部填充+上邊框+下邊框

盒子模型的3D示意圖,如下圖所示,padding與margin是看不見的透明元素

從第一層到第五層依次為:border、content+padding、background-image、background-color、margin。

盒子模型分兩種,IE盒子模型和標準的W3C盒子模型。他們對盒子模型的解釋各不相同。

W3C標准盒子模型

W3C標准盒子模式包括內容(content)、填充(padding)、邊框(border)、邊界(margin)

IE盒子模型

從圖中可以可以看出IE盒子模型的范圍也包括content、padding、border、margin,所不同的是IE盒子模型的content包含了border和padding。那麼應該選用哪種模型呢,當然是選用W3C 標准盒模型,就是要在網頁的頂部加上DOCTYPE聲明,否則各個瀏覽器會根據自己的行為去理解網頁。

例如一個盒子的 margin 為 20px,border 為 1px,padding 為 10px,content 的寬為 200px、高為50px

假如用標准 w3c 盒子模型解釋,那麼這個盒子需要佔據的位置為:

寬 20*2+1*2+10*2+200=262px、高20*2+1*2*10*2+50=112px

盒子的實際大小為:寬1*2+10*2+200=222px、高1*2+10*2+50=72px

假如用ie 盒子模型,那麼這個盒子需要佔據的位置為:

寬 20*2+200=240px、高20*2+50=70px

盒子的實際大小為:寬 200px、高 50px

由於IE瀏覽器使用自己的非標准模型。IE瀏覽器的 width 屬性不是內容的寬度,而是內容、內邊距和邊框的寬度的總和。雖然有方法解決這個問題。但是目前最好的解決方案是迴避這個問題。解決IE8及更早版本不兼容問題可以在HTML頁面聲明 即可。就是要在網頁的頂部加上DOCTYPE聲明。

3. 你遇到的前端面試題都有什麼

大家好,我是王我。

隨著春節的結束,各個行業也普遍開始了上班的節奏, 不過本人17號才上班。為什麼?因為長得帥的都上班比較晚。 當然,每到新年結束,又迎來了一批招聘者與面試者,我來說說作為一年工作經驗應該知道的面試題。

HTML篇

1.doctype是什麼?有哪些類型?

2.input有哪些新類型?簡要說明其8用法。

3.HTML5有哪些新特性,移除了哪些元素?如何處理HTML5新標簽的瀏覽器兼容問題?如何區分HTML和HTML5?

4.bootstrap響應式的原理是什麼?

5.多移動終端頁面適配是如何實現的?

CSS篇

1.如何實現兩列布局,左邊自適應,右邊固定寬度?

2.用CSS畫一個三角形

3.CSS實現字體大寫

4.display有哪些常用的屬性值?分別是什麼意思?

5.position為absolute,relative,fixed的定點位置

6.用三種方法清除浮動

7.請介紹一下margin塌陷問題

js篇

1.什麼是事件冒泡和捕獲?如何阻止事件冒泡?(分別用原生和jquery實現)

2.js創建對象,至少使用三種方法

3.簡述一下事件穿透以及解決辦法

4.用三種方式判斷變數類型是否是數組

5.如何實現對象的拷貝?

6.什麼是閉包?閉包的優缺點。

7.簡述一下ajax請求的過程。

8.簡述一下new一個人構造函數的人過程。

9.為什麼會有跨域?是怎麼解決跨域問題的?簡述一下原理。

10.js原始數據類型有哪些?

11.學一個函數,判斷一個變數是否是字元串

12.typeof有哪些結果?

13.剪頭函數和普通函數有什麼區別?

14.請用三種方法實現數組去重

15.href和src有什麼區別?

jquery篇

1.attr()和prop()有什麼區別?

2.on和bind有什麼區別?js動態添加的dom元素是通過on還是bind?

3.touch和click有什麼區別?

4.window.onload和jquery的ready有什麼區別?

vue篇

1.簡述一下vue的生命周期及其特點

2.vue雙向綁定的原理是什麼?

3.vue的特點有哪些?和jquery有什麼區別?

4.父子組件之間傳遞數據的方法

5.子組件如何共享數據?

6.一般有什麼工具進行數據交互?

7.webpack的原理是什麼?

8.簡述一下$nextTick的用法

瀏覽器篇

1.cookie、sessionStorage、localStorage的區別是什麼?

2.有用過瀏覽器緩存嗎?簡述一下基本的緩存機制

網路篇

1.http和https之間的區別

2.從伺服器的安全考慮,是使用get請求還是post請求?

3.URL請求的過程有哪些?

項目經驗篇

1.項目中遇到的最大挑戰以及解決辦法

2.常見的網頁優化有哪些?

作為一個面試一年以內工作經驗的前端程序員來說,以上的問題能夠倒答如流月薪6k應該不成問題啦。這些面試題也是我在很多面試中感覺經常被問到的題目。

希望大家年後找工作能夠順順利利, 千萬不要跟我一樣哦,只有帥氣就一無所有了。

大家好,我是王我,中國最帥的前端程序員。

前幾次都是各種培訓公司,各種忽悠就不提了,說說後面4次面試的經歷。

第一次是面一個小公司,不過他們好像沒有厲害的前端,來面我的是個後端,一來沒有問我關於js的知識,直接問我以前做過什麼,有沒有經驗,我本人不會吹牛,簡歷也沒怎麼包裝,就是自己把自學的知識和做的幾個小demo弄在上面,也用github掛在頁面上了,不過他根本不點開看,也不問,問我會不會vue,我當時對框架還不了解,他就說他們需要能直接上手開始寫的,所以我第一個就直接掛了。

第二次面試是一個國企,這個問了很多問題,都很基礎,js數據類型,數組操作,事件,大概就是高程的前面幾章看看就差不多都能答到,然後因為他們主要用jq,所以問了很多jq的操作,關於節點的,動畫的,我看鋒利的jq大概看了3遍,也練過多次,所以我答的很熟。然後問了些布局方面的,bootstrap我了解過,又看過css3,所以這方面也沒啥問題,最後在現場做了個題目,主要就是布局然後通過ajax呈現數據。後面聽介紹我面試的說面試官比較滿意,說我jq很熟,一面就過了。可惜後面電話面試不知怎麼回事可能表現的不夠自信,雖然沒問技術,但是我沒啥自信,把沒項目經驗什麼的也不知怎麼就一五一十交代了,估計因為這個掛掉了。

第三次沒問問題,直接就是一套題開做,我在那做了一個多小時。題目就是按照要求一步一步做一個頁面出來,我也搞忘了我當時卡在哪個地方了,坐在那得時候就是做不出來,沒有設計圖,要根據他的描述自己找個設計圖然後做,我第一次遇到這個有點懵,雖然當時沒做出來,不過回來我自己花了幾個小時把它做了。所以這個也是涼了。

第四個問的比較多,數據類型,數組操作,跨域,ajax,閉包,原型鏈,繼承,深拷貝,淺拷貝,模塊amd cmd,基本都是問的js。然後問了html5的新特性 css3 的新特性,遇到過什麼瀏覽器的兼容性問題,怎麼解決的,以後想往什麼方面發展。這個時候我已經會點vue了,照著做了個小demo,不過後來知道公司用的angularjs,面試官也沒看我做的,問也沒問。。以前聽網上說要帶上自己的項目去面試感覺沒起多大效果。

最後總結下如果面的比較初級的崗位,應該主要問js,原型鏈,繼承,閉包,深淺拷貝,ajax,跨域,然後js的基礎知識,對了還有apply和call也問了,html5的新特性了解下就行。主要就是看你js掌握的程度,如果稍微要求高一點的,暫時還沒面過,等以後面過在來回答

1. cookie session 的用途和區別,以及有效期

1、cookie數據存放在客戶的瀏覽器上,session數據放在伺服器上。

2、cookie不是很安全,別人可以分析存放在本地的COOKIE並進行COOKIE欺騙

考慮到安全應當使用session。

3、session會在一定時間內保存在伺服器上。當訪問增多,會比較佔用你伺服器的性能

考慮到減輕伺服器性能方面,應當使用COOKIE。

4、單個cookie保存的數據不能超過4K,很多瀏覽器都限制一個站點最多保存20個cookie。

2. vue的數據綁定原理,mvvm與mvc的區別

MVVM:

m:model數據模型層 v:view視圖層 vm:ViewModel
vue中採用的是mvvm模式,這是從mvc衍生過來的
MVVM讓視圖與viewmodel直接的關系特別的緊密,就是為了解決mvc反饋不及時的問題

圖片說明一下:


說到MVVM就要說一下雙向綁定和數據劫持的原理,

MVC:

m:model數據模型層 v:view視圖層 c:controller控制器

原理: c層需要控制model層的數據在view層進行顯示

MVC兩種方式,圖片說明:


總結:

mvvm與mvc最大的區別:
MVVM實現了view與model的自動同步,也就是model屬性改變的時候, 我們不需要再自己手動操作dom元素去改變view的顯示,而是改變屬性後該屬性對應的view層會自動改變。

不懂得可以復制鏈接查看:

https://www.pianshen.com/article/3716256399/

3. storage 的區別 sessionStorage localStorage

localStorage 的生命周期是永久性的。假若使用localStorage存儲數據,即使關閉瀏覽器,也不會讓數據消失,除非主動的去刪除數據,使用的方法如上所示。localStorage有length屬性


sessionStorage 的生命周期是在瀏覽器關閉前。也就是說,在整個瀏覽器未關閉前,其數據一直都是存在的。sessionStorage也有length屬性,其基本的判斷和使用方法和localStorage的使用是一致的


4.v-model雙向數據原理

有一個文本框 通過v-bind綁定了value屬性 值為myname 是我們在vue實例中定義的屬性
傳統我們獲取文本框值方法 可能通過getElementById找到文本框 然後獲取其value屬性
但是vue中直接通過v-bind綁定了value屬性 所以不需要像之前那樣獲取值
所以在後面的按鈕中獲取name值 直接獲取vue實例對象data裡面的myname屬性即可

【數據為尊 ----數據映射到瀏覽器 如果數據v-model後修改(肯定input)然後到數據在有數據映射到瀏覽器頁面 ----映射關系統稱】



5.keepAlive用過嗎?什麼作用?

緩存路由組件


使用的是vue的一個組件,參考vue的官方文檔

使用這個東西可以保證我們在切換組件的時候,原來顯示的組件不被銷毀

-----【保障組件的數據不會被切換路由而銷毀數據】

Home是對應的組件對象的名字,不是路由的名字

6.多維數組拍平

數組拍平也稱數組扁平化,就是將數組裡面的數組打開,最後合並為一個數組

一紅六種方法吧……

了解的請看: https://www.cnblogs.com/guan-shan/p/10165737.html

7.跨域的原因 解決方案

跨域是指一個域下的文檔或腳本試圖去請求另一個域下的資源,這里跨域是廣義的。

這樣就可以說同源策略----協議---埠---域名

原生的src和href可以解決跨域

代理可以解決

請求頭也可以攜帶瀏覽器提示的也可以解決

一般都是後端解決跨域問題

【別的需要了解看下方鏈接】

https://blog.csdn.net/qq_41604383/article/details/100770100

8.uniApp兼容問題

§ 如果你使用cli創建項目(即項目根目錄是package.json),不管用什麼ide,即便是用HBuilderX,切記cli項目的編譯器是在項目下的,HBuilderX不管怎麼升級都不會影響編譯器版本。你需要手動npm update來升級編譯器。以及如果你想要安裝less、scss等預編譯器,也需要自己npm安裝在項目下,而不是在HBuilderX的插件管理里安裝。

§ 如果你使用離線打包,請注意HBuilderX升級後,真機運行基座和雲打包對應引擎跟隨HBuilderX升級,而你的sdk需要手動升級。sdk的版本升級一般滯後HBuilderX正式版升級一兩天。

§ 如果你使用自定義基座,之前製作的自定義基座是不會跟隨HBuilderX升級的,升級HBuilderX後你應該重新製作新版自定義基座。

§ 如果你使用wgt升級,新版HBuilderX編譯的wgt,運行到之前的runtime上,一定要先測試好,看有沒有兼容性問題。如果有問題,就不要wgt升級,整包升級。

§ 考慮到向下兼容,uni-app編譯器在升級為新的自定義組件模式後,同時保留了對老編譯模式的向下兼容。
在HBuilderX alpha版中,App端一定會使用新編譯器,不理會manifest配置。
在HBuilderX 正式版中,新創建的項目會使用新編譯器,老項目不會強制使用,而是開發者自己在manifest里配置開啟。

§ 如果你使用其他ide開發uni-app,會經常因為拼錯單詞而運行失敗,因為經過webpack編譯一道,很多錯誤反應的不夠直觀,排錯時間很長,不如從開始就依賴有良好提示的HBuilderX,避免敲錯單詞。

§ 雲打包的引擎版本說明
HBuilderX Alpha,只有1套雲打包機,不管你的HBuilderX alpha版本多少,對應的打包機一定是最新的alpha版的客戶端引擎。
HBuilderX正式版,有2套打包機,一個是最新正式版,一個是次新正式版。
中間的緊急更新版本沒有獨立打包機。
舉個例子:
HBuilderX 有1.8.0、1.8.1、1.8.2、1.9.0、1.9.1這幾個正式版。
那麼當前可用的打包機有1.9.1和1.8.2這2台。(即每個大版本的最後一個版本)
除了這2個HBuilderX版本外,其他版本的雲打包都指向最新的1.9.1版對應的打包機。(即只保留2個大版本的雲打包機)

【詳情請看】

https://ask.dcloud.net.cn/article/35845

一、HTML

HTML書寫規范

H5新增標簽

HTML渲染過程

二、CSS

css盒子模型概念

css彈性布局概念

三、JavaScript

事件模型

DOM2級事件模型

閉包

原型鏈

四、移動Web開發

常見的布局方案

移動端前端常見的觸摸相關事件touch、tap、swipe等整理

移動端前端手勢事件

移動端頁面渲染優化

GPU渲染

GPU核心渲染過程

五、調試

常用的調試工具

Chrome控制台調試js使用

移動端測試

六、HTTP網路知識

常見的HTTP狀態碼

不同請求類型的區別

WEB緩存方案

——————————

牛客網(www.nowcoder.com)

- 專業IT筆試面試備考平台

- 最全C++JAVA前端等互聯網技術求職題庫

- 全面提升IT編程能力

- 程序員交友聖地

分享了一些Web前端的面試題,限時一小時,你看看自己能夠答出多少道!

放心,這些面試題都是一些非常基礎的知識,只要你在平時認真聽課、學習了,那麼這些面試題肯定不會難道你。

建議:雖然沒有人監督你,但還是希望你不要去尋找答案,脫離網路,拿起紙筆,你試一下自己究竟能夠答出個什麼水平!有沒有真本領?答案盡在這些面試題里!那麼,你准備好了嗎?OK!計時開始!

一、HTML常見題目

01、Doctype作用?嚴格模式與混雜模式如何區分?它們有何意義?

02、HTML5為什麼只需要寫?

03、行內元素有哪些?塊級元素有哪些?空(void)元素有那些?

04、頁面導入樣式時,使用link和@import有什麼區別?

05、介紹一下你對瀏覽器內核的理解?

06、常見的瀏覽器內核有哪些?

07、html5有哪些新特性、移除了那些元素?如何處理HTML5新標簽的瀏覽器兼容問題?

08、如何區分HTML和HTML5?

09、簡述一下你對HTML語義化的理解?

10、HTML5的離線儲存怎麼使用,工作原理能不能解釋一下?

二、CSS類的題目

01、介紹一下標準的CSS的盒子模型?與低版本IE的盒子模型有什麼不同的?

02、CSS選擇符有哪些?哪些屬性可以繼承?

03、CSS優先順序演算法如何計算?

04、CSS3新增偽類有那些?

05、如何居中p?如何居中一個浮動元素?如何讓絕對定位的p居中?

06、display有哪些值?說明他們的作用。

07、position的值relative和absolute定位原點是?

08、CSS3有哪些新特性?

09、請解釋一下CSS3的Flexbox(彈性盒布局模型),以及適用場景?

10、用純CSS創建一個三角形的原理是什麼?

三、Java類的題目

01、介紹Java的基本數據類型。

02、說說寫Java的基本規范?

03、Java原型,原型鏈?有什麼特點?

04、Java有幾種類型的值?(堆:原始數據類型和棧:引用數據類型),你能畫一下他們的內存圖嗎?

05、Java如何實現繼承?

06、Java創建對象的幾種方式?

07、Java作用鏈域?

08、談談This對象的理解。

09、eval是做什麼的?

10、什麼是window對象?什麼是document對象?

OK,一小時到了,這個時間可不算短了,那麼這些面試題你答出了幾道呢?你寫的答案正確了嗎?現在你可以去翻看答案了。

如果你答出了絕大多數的或者是全部的題,並且答案也正確了,那麼恭喜你……

你這時心裡是不是有點小竊喜,認為自己有能力拿高薪了?雖然我也很想這么告訴你,但事實上這只能表明你的基礎扎實,畢竟這只是一些非常基礎的面試題。騷年~繼續努力吧!

如果你只答出了小部分或者答出了大部分題但答案不正確,那麼我只想說:「騷年,你的水平還差的遠呢。」連這么基礎的題你都打不出來,還想拿高薪?回去再練一段時間吧!

扎實的基礎是你拿高薪的重要武器,如果你連基礎都不扎實,那麼想要攻克「高薪」這個厚實的堡壘,那隻是痴人說夢罷了。

1.前端框架類問題,問你會不會用vue react啊

2.語言類,問你一些JavaScript語言的問題

3.項目經驗,讓你講講做過的項目,遇到的問題和解決之道

4. 史上最全前端vue面試題!推薦收藏

1.為什麼會形成跨域?

不是一個源的文件操作另一個源的文件就會形成跨域。當請求端的協議、域名、埠號和伺服器的協議、域名、埠號有一個不一致就會發生跨域。

解決方法:安裝插件

Pip install django-cors-headers


2.vuex的工作流程?

① 在vue組件裡面,通過dispatch來出發actions提交修改數據的操作。

② 然後再通過actions的commit來出發mutations來修改數據。

③ mutations接收到commit的請求,就會自動通過Mutate來修改state(數據中心裏面的數據狀態)裡面的數據。

④ 最後由store觸發每一個調用它的組件更新。


3.vuex是什麼?怎麼使用?

vuex是一個專為vue.js應用程序開發的狀態管理模式。使用:store,getters,mutations,actions,moles詳細使用寫法請見:https://blog.csdn.net/qq_33226029/article/details/109628600?spm=1001.2014.3001.5502


4.vuex中的數據在頁面刷新後數據消失怎麼解決?

使用sessionStorage或localStorage存儲數據;也可以引入vuex-persist插件


5.在vue中,如何阻止事件冒泡和默認行為?

在綁定事件時,在指令後邊加上修飾符.stop來阻止冒泡,.prevent來阻止默認行為
6.深拷貝與淺拷貝?

假設B復制A,修改A的時候,看B是否變化:B變了是淺拷貝(修改堆內存中的同一個值),沒變是深拷貝(修改堆內存中不同的值)。淺拷貝只是增加了一個指針指向已存在的內存地址,深拷貝是增加了一個指針並申請了一個新的內存,使這個增加的指針指向這個新的內存。深拷貝和淺拷貝最根本的區別在於是否真正獲取一個對象的復制實體,而不是引用。
7.vue的生命周期?

beforeCreate created beforeMount mounted beforeUpdate updated beforeDestroy destroyedactived deactived (keep-alive)組件是否激活調用

8. keep-alive: 組件緩存
https://juejin.cn/post/6844903624099758094

router.js中:
meta: {keepAlive:true} // 需要被緩存
鉤子執行順序:created -> mounted -> actived
include表示需要緩存的頁面;exclude表示不需要緩存的頁面。如果兩個同時設置,exclude優先順序更 改,則組件不會被緩存。
應用場景: 用戶在某個列表頁面選擇篩選條件過濾出一份數據列表,由列表頁面進入數據詳情頁面,再返回 該列表頁,我們希望列表頁可以保留用戶的篩選狀態。

9.vue傳值方式?
props $emit() $on() $parent $children $listener $attr

10. $on 兄弟組件傳值

$emit 分發
$on 監聽
$off 取消監聽
$once 一次性監聽一個事件
在js文件中定義一個中央事件匯流排Bus,並暴露出來
具體的實現方式:

使用Bus的時候在接收Bus的組件的beforeDestroy函數中銷毀Bus,否則會一直疊加調用這個方法。
應用場景:「退出登錄」 -> ①點擊退出登錄;②修改密碼後自動退出登錄

11.組件跨級傳值
$attrs a->b->c
$listeners 監聽

12.vue事件修飾符有哪些?
.stop .prevent .self .once .passive .sync

13.箭頭函數中的this?
不具有this綁定,但函數體可以使用this,這個this指向的是箭頭函數當前所處的詞法環境中的this對象。

15.為什麼vue組件中data必須是一個函數?
如果不是函數的話,每個組件的data都是內存的同一個地址,一個數據改變了其他也改變了,當他是一個函數時,每個組件實例都有自己的作用域,每個實例相互獨立,就不會互相影響。

16.v-if 和 v-show區別?
v-if 是對標簽的創建與銷毀, v-show 則僅在初始化時載入一次,v-if 開銷相對來說比v-show 大;
v-if 是惰性的;v-show 做的僅是簡單的css切換。

17.v-text 與 v-html區別?
v-text 用於普通文本,不能解析html;
v-html 反之。

18.v-for key的作用?
使用v-for更新渲染過的數據,它默認用「就地復用」策略。如果數據項的順序改變,vue將不是移動DOM元素來匹配數據項的改變,而是簡單地復用此處每個元素,並確保在特定索引下顯示已被渲染過的每個元素。key屬性類型只能是string或number。
key的特殊屬性主要用在虛擬DOM演算法,在新舊node對比時辨識VNods。如不使用key,vue會使用一種最大限度減少動態元素並且盡可能的嘗試修復/再利用相同類型元素的演算法,它會基於key的變化重新排列元素順序。

19.Scss是什麼?在vue-cli中安裝步驟?有哪幾大特性?
npm 下載loader (sass-loader,css-loader,node-sass),在webpack中配置extends屬性(加.scss拓展) Vscode中可在擴展中下載;
特性:可以用變數,可以用混合器,可以嵌套等。

20.vue獲取dom?
ref

21.vue初始化頁面閃動問題?
webpack、vue-router
v-cloak css:[v-cloak]:display:none

22.什麼是vue-router?
vue router 是官方路由管理器。
主要功能:路由嵌套,模塊化 基於組件路由配置,路由參數、查詢、通配符,細粒度導航控制,自定義的滾動條行為等。

23.vue路由傳參,接收?
傳: this.$router.push({path:'', query(params):{}})
接:this.$router.query.xxx

24.防抖和節流?
節流是一定時間內執行一次函數,多用在scroll事件上;
防抖是在一定時間內執行最後一次的函數,多用在input輸入操作,表單提交等。

25.如何讓scss只在當前組件中起作用?

5. 面試Web前端需要注意什麼會面試哪些問題

作為一名HTML5前端工程師,為了工作,為了就業我們免不了要參加各種各樣的面試。為此總結了面試前的注意事項:

第一:注意自己的儀容儀表

面試之前,一定要再次從頭到腳地將自己的儀容儀表檢查一遍。檢查時主要包括,自己的牙縫是不是還有食物殘渣,所以你需要就近找一個衛生間,如果沒有衛生間就近找一個角落也是可以的,但是切記一定不要在大庭廣眾之下。因此,為了給自己整理出著裝的時間請在約定時間前20分鍾到達。

第二:再次檢查面試時所需的資料是否都已帶全

這些資料主要包括:身份證明、學歷文憑證明、個人簡歷、以往作品等等,如果這些東西齊全之後,需要對這些資料做一個整理與排序。因為沒有哪個面試官希望看到面試者拿出一堆「莫名其妙」的東西塞給他,讓他自己再一頁一頁的翻找自己需要的內容,如果說這些資料在面試官手中不小心散落一地,結果可想而知。這樣的求職者在面試官眼中也一定不是一個讓人放心、有條不紊的員工。當然如果檢查時發現資料沒有帶全,也不要緊張。反而你要慶倖幸虧及時檢查,也有足夠的時間組織語言去向面試官解釋。

第三:面試之前將通信工具調成振動或關閉狀態

雖然說面試者與面試官之間是一個平等的關系,但畢竟你是去人家公司求職的,始終處於一個被動的狀態,所以最起碼的尊重還是要做到的。曾經有調查顯示,對於面試過程中接電話或是被電話打斷的求職者,會被HR減分。

第四:等候面試官時,仔細觀察多了解面試公司

在等候面試官時,可以暗自觀察一下公司的大體情況比如員工的著裝風格、公司的LOGO或是貼在牆上的企業文化、公司的環境等等,一來可以在接下來的面試過程中表現出自己對公司的認同感,二來也可以讓自己對求職公司多些了解,以確定是否要接受這里的工作。如果你身邊有公司的資料宣傳架,不妨取一本翻看一下,也會增加HR對你的好感。

第五:放鬆心情,保持自信

面試時一定要保持一定的自信,這樣也會給面試官留下很好的印象。面試只是你步入工作的第一步,即便是失敗了那也是人生重要的經歷。失敗是為了更好的迎接下一個挑戰。

作為一名web前端工程師千萬不要覺得懂技術面試就能萬事大吉了,像以上五點細節性的東西也是一定要掌握的。

面試題系列:

網頁鏈接

6. 前端面試項目會給圖片嗎

前端面試項目會給圖片嗎
全部
資訊
視頻
文檔
圖片
一文分析前端面試中的圖片懶載入問題,快來看看吧~
最近整理了一些前端高頻面試題,分享給大家,如有問題歡迎留言指正,面試專欄我會長期更新,歡迎大家點贊、收藏,感謝!1.什麼是_DOCTYPE_,有何作用?Doctype 是HTML5的文檔聲明,通過它可以...
百家號2022-11-28
前端實習生去面試需要什麼作品-芝士回答
3.證明對新技術探索能力的,github里邊應該有幾個現有熱門技術的項目。表示在尋找新技術解決方案的路上,一直保持著一顆敬畏之心,一顆虔誠的心,時刻保持學習或了解新事物的態度或激情。上個成...
芝士回答2021-03-25
初級前端面試需要帶什麼作品?芝士回答
我建議最後去找電商項目,電商項目中的前端特效要求的比較高,如果電商的可以消化,那麼面試就不再是問題了;2、對於已經工作了一段時間的前端開發工程師來說,最好的就是將自己在工作中做過的...
芝士回答2021-01-09
其他人還搜了
前端面試項目素材
前端面試項目描述
面試介紹電商網站前端項目
前端面試問項目遇到的問題
前端面試開源項目
前端面試官要看上線項目怎麼辦
前端工作面試注意事項
作為一名HTML5前端工程師,為了工作,為了就業我們免不了要參加各種各樣的面試。為此總結了面試前的注意事項: 第一:注意自己的儀容儀表 面試之前,一定要再次從頭到腳地將自己的儀容儀表檢查...
芝士回答
初級前端面試需要帶什麼作品?
回答:26瀏覽:24萬+贊同:34
[最佳答案]千言萬語濃縮成了一行URL。
知乎2016-03-27
【前端+面試問題|前端+面試技巧】看準網
面試的前端開發·北京 面試未通過 阿里影業一面 面試過程很愉快,面試官交流起來很舒服,下面的圖片里是我記錄的面試中的問題並附上答案,僅供參考。貢獻於 2022-05-20 3 匿名用戶 面試的前端...
看準網2022-05-20
前端應屆生面試經驗_韓哥、最強操盤手的博客-CSDN博客_前端應屆生
2 年之內的小夥伴,大家酌情閱讀~(更新:最後的面試題只是自己總結的一些偏基礎的知識~剛畢業的小夥伴看著也不要有什麼壓力,不是代表初級前端必須掌握的技能,只是總結出前端面試中比較常見的...
CSDN技術社區2021-11-18
前端面試(1)—准備_樂夫天命兮的博客-CSDN博客_前端面試准備
每輪面試在一小時左右。概念:職位描述:注重的是工作職責。任職要求:要求的是工作能力。通常描述得很細致。PS:前端的知識龐大,不可能所有的內容都准備好,但是要向「任職要求」靠攏。分析...
CSDN技術社區
【前端開發/web前端設計面試|前端開發/web前端設計面試技巧】看準網
面試過程很愉快,面試官交流起來很舒服,下面的圖片里是我記錄的面試中的問題並附上答案,僅供參考。有用(3)|評論(0)|你還記得你曾經的面試情景嗎?分享一條你的面試經歷吧,...
看準網2022-06-11
web前端開發面試流程是怎樣的?網路知道
回答:2
首先投簡歷,等待面試通知。第一次面試填資料,做測試題;等一面通過之後接著二面,二面一般是技術面試,有些公司是通過之後直接進行3面有些是改天再進行3面,3面一般就是項目經理或總經理問你一-些各種各樣的問題,如果3面都過了,基本上就是面試成功了。但是不同公司的面試流程也不相同。...
網路知道2022-06-10
相關搜索
前端面試項目
前端面試題庫
前端面試自我介紹
前端面試視頻教程
前端面試題目
面試圖片
前端性能優化面試
前端面試寶典
快速搞定前端面試
前端面試問項目中遇到的難題
11-20條

【截圖】常見前端面試題_mus_木司的博客-CSDN博客
3.一道面向對象面試題 4.EventLoop 同步非同步、宏任務微任務 5.使下面輸出1 var a={ toString=function*(){ yield 1;yield 2;yield 3;} } a.toString 會轉換,規則: 對象=字元串 對象.toString ...
CSDN技術社區2020-06-02
前端面試
前端面試自我介紹背景:1 面試官在你自我介紹的時候,才有時間看你的簡歷。人太多沒時間看,看了也記不住。2 你在自我介紹中,他在想問你什麼問題。3 了解你語言表達能力,自信氣場,儀表形態。...
www.lwlwlw.com2017-07-04
前端面試作品-芝士回答
我建議最後去找電商項目,電商項目中的前端特效要求的比較高,如果電商的可以消化,那麼面試就不再是問題了;2、對於已經工作了一段時間的前端開發工程師來說,最好的就是將自己在工作中做過的...
芝士回答2021-01-09
web前端經典面試題_約德爾蒙的博客-CSDN博客_前端面試題
閱讀:8w+
web前端面試題 其他問題 1、請談談你對性能優化的認識?網頁內容 減少http請求次數 80%的響應時間花在下載網頁內容(images,stylesheets,javascripts,scripts,flash等)。減少請求次數是縮短響應...
CSDN技術社區
前端面試-項目流程_前端小兔子的博客-CSDN博客_前端面試流程
1、項目流程 (1)項目分多人、多角色參與 (2)項目分多階段 (3)項目需要計劃和執行 2、項目角色 (1)PM 產品經理 (2)UE 視覺設計師 (3)FE 前端開發 (4)RD 後端開發 (5)CRD 移動端...
CSDN技術社區2020-03-18
關於前端面試的十問十答(並附知識點思維導圖)知乎
6.29 雙越老師 在慕課網直播講解了關於前端面試的一些技巧和經驗,以下是同學的一些問題反饋和老師的解答 1、問題描述: 老師你好,我是計算機專業大二在校生,想了解前端需要重點掌握哪些演算法呢...
知乎2019-07-04
Web前端初學者(應屆生)面試攻略-知了樂了-博客園
前端技術日新月異,面試也有了不同的要求,各種框架層出不窮,到了你們那一年前端發展到了什麼地步沒有人知道,牢記法則,以不變應萬變,絕對ok。明確一點,自己想去那種公司,大公司注重基礎,...
博客園2018-02-26
前端面試(三)簡書
前端面試(三) 一、圖片整合 用background-position來實現背景圖片的定位技術,又稱為css精靈圖。用法: 將一些小圖片有規則的合成一張圖片,即多張圖片合為一張整圖,再使用background-...
簡書2019-10-20
前端面試要求-洺劍殘虹-博客園
前端面試所遇到的技術點: HTML的問題 (1)行標簽和塊級標簽分別有哪些?(2)常見HTML5的標簽有哪些?(3)怎麼頁面結構會比較好?(4)如何減少HTTP請求和優化?減少請求的資源,將多個CSS資源打包到...
博客園2018-09-08
前端工程師面試匯總_尊哥的博客-CSDN博客_前端工程師面試
一、前端基礎 1、HTTP,HTML,瀏覽器 說一下http和https tcp三次握手,一句話概括 TCP和UDP的區別 WebSocket的實現和應用 一個圖片url訪問後直接下載怎樣實現?說一下web Quality(無障礙)幾個很...
CSDN技術社區2020-01-28
相關搜索
前端面試項目
前端面試如何介紹自己的項目
前端面試
web前端面試
js前端面試
前端面試問題
2019前端面試
前端面試題庫
前端電話面試
前端面試自我介紹
21-30條

前端面試-網路貼吧
小夥伴們,有很多小夥伴剛學完前端,想找一份好一點的公司去應聘,但是公司的面試又成了一大難題,今天我整理了一些關於web前端面試的試題,幫助大家可以更好的完成面試,早日找到工作。由於...
網路貼吧2020-01-25
前端面試流程_網路文庫
前端面試流程 By漆黑小T 前面5個題,有兩個答不出來就可以pass 遇到面試者反問,以時間有限為由,讓其自行網路,面試印象減分 1、css問題,水平、垂直居中的寫法,請至少寫出4種?水平居中 行內...
網路文庫
前端面試技巧-網路經驗
前端面試技巧,馬上就要進入前端面試的朋友們,對於前端面試的技巧還是比較模糊的,那麼前端面試技巧都有哪些呢?
網路經驗2019-12-03
前端面試到底要做到哪些?知乎
准備面試的時候,可以按照以下幾個模塊來准備: 無論前端技術棧日新月異,我們都得要扎實基礎,腳踏實地,切記不可投機取巧、眼高手低。2.1 JavaScript 基礎 JavaScript 基礎非常重要,相比於...
知乎2021-07-29
常見的前端開發面試題(附答案)DreamTraveler-博客園
2.談談你對前端性能優化的理解 a.請求數量:合並腳本和樣式表,CSS Sprites,拆分初始化負載,劃分主域 b.請求帶寬:開啟GZip,精簡JavaScript,移除重復腳本,圖像優化,將icon做成字體 c.緩存...
博客園2020-04-28
前端面試流程-漆黑小T-博客園
前端面試流程 By漆黑小T 前面5個題,有兩個答不出來就可以pass 遇到面試者反問,以時間有限為由,讓其自行網路,面試印象減分 1、css問題,水平、垂直居中的寫法,請至少寫出4種?水平居中 行內...
博客園2021-01-27
前端面試流程圖-CSDN
csdn已為您找到關於前端面試流程圖相關內容,包含前端面試流程圖相關文檔代碼介紹、相關教程視頻課程,以及相關前端面試流程圖問答內容。為您解決當下相關問題,如果想了解更詳細前端面試流程圖...
CSDN技術社區2021-06-10
前端面試篇,應屆生面試時被問項目經驗不用慌,按這個步驟回答成功率高達95%_碼民的飄柔的博客-CSDN博客
為了讓大家在收到一家公司前端面試邀請之後,准備得更加充足,這里准備了一些高頻和基礎的前端面試題,希望可以幫助大家更加順利完成求職,得到自己滿意的offer。最全前端面試真題匯總 CSS面試...
CSDN技術社區2021-05-14
關於前端面試的注意事項-簡書
前端現在越來越多人,那麼面試的時候要注意哪些問題呢?1.簡歷一定要寫的完善,多一些數據性的東西,項目業績啊,項目效果之類的一定要寫的好一點,這樣面試官看到才能感覺到真實。2.簡歷上的...
簡書2020-05-06
常見的前端開發面試題(附答案)
2.談談你對前端性能優化的理解 a.請求數量:合並腳本和樣式表,CSS Sprites,拆分初始化負載,劃分主域 b.請求帶寬:開啟GZip,精簡JavaScript,移除重復腳本,圖像優化,將icon做成字體 c.緩存...
百家號2019-02-01
相關搜索
前端面試項目
前端面試如何介紹自己的項目
前端面試
web前端面試
js前端面試
前端面試問題
2019前端面試
前端面試題庫
前端電話面試
前端面試自我介紹
31-40條

常見前端面試題及答案_冷小魚的博客-CSDN博客_前端面試題
本文是在GitHub上看到一個大牛總結的前端常見面試題,很多問題問的都很好,很經典、很有代表性。上面沒有答案,我就整理了一下,從網上找了一些相關問題的答案。裡面有一部分問題的答案我也沒有...
CSDN技術社區2019-02-15
前端工作面試問題-前端開發博客
這段事件一直在整理有關前端的面試題目,整理這也題目,不只是為了能夠學習應付即將到來的面試,更是為了補補基礎知識。日常項目開發進度太快了,很多屬性或者方法用了就忘,這樣會造成另外一個...
m.caibaojian.com2017-04-06
前端面試之前要准備的那些事-祈澈姑娘-博客園
現在前端雖火但工作不好找,因為一些外力因素所導致,北上廣這些大城市的招聘都是三年的工作經驗起的。關於怎麼寫工作經驗和工作項目,後續的文章裡面會有更多的干貨和經驗。問題四,簡歷上常見...
博客園2017-10-26
如何面試前端工程師?
評論:1
近來幾個月,一直在努力尋找前端戰友,未果,一路的招聘經歷下來,心生不少感慨,一直都很小心翼翼前端面試項目會給圖片嗎前端面試項目會給圖片嗎
全部
資訊
視頻
文檔
圖片
一文分析前端面試中的圖片懶載入問題,快來看看吧~
最近整理了一些前端高頻面試題,分享給大家,如有問題歡迎留言指正,面試專欄我會長期更新,歡迎大家點贊、收藏,感謝!1.什麼是_DOCTYPE_,有何作用?Doctype 是HTML5的文檔聲明,通過它可以...
百家號2022-11-28
前端實習生去面試需要什麼作品-芝士回答
3.證明對新技術探索能力的,github里邊應該有幾個現有熱門技術的項目。表示在尋找新技術解決方案的路上,一直保持著一顆敬畏之心,一顆虔誠的心,時刻保持學習或了解新事物的態度或激情。上個成...
芝士回答2021-03-25
初級前端面試需要帶什麼作品?芝士回答
我建議最後去找電商項目,電商項目中的前端特效要求的比較高,如果電商的可以消化,那麼面試就不再是問題了;2、對於已經工作了一段時間的前端開發工程師來說,最好的就是將自己在工作中做過的...
芝士回答2021-01-09
其他人還搜了
前端面試項目素材
前端面試項目描述
面試介紹電商網站前端項目
前端面試問項目遇到的問題
前端面試開源項目
前端面試官要看上線項目怎麼辦
前端工作面試注意事項
作為一名HTML5前端工程師,為了工作,為了就業我們免不了要參加各種各樣的面試。為此總結了面試前的注意事項: 第一:注意自己的儀容儀表 面試之前,一定要再次從頭到腳地將自己的儀容儀表檢查...
芝士回答
初級前端面試需要帶什麼作品?
回答:26瀏覽:24萬+贊同:34
[最佳答案]千言萬語濃縮成了一行URL。
知乎2016-03-27
【前端+面試問題|前端+面試技巧】看準網
面試的前端開發·北京 面試未通過 阿里影業一面 面試過程很愉快,面試官交流起來很舒服,下面的圖片里是我記錄的面試中的問題並附上答案,僅供參考。貢獻於 2022-05-20 3 匿名用戶 面試的前端...
看準網2022-05-20
前端應屆生面試經驗_韓哥、最強操盤手的博客-CSDN博客_前端應屆生
2 年之內的小夥伴,大家酌情閱讀~(更新:最後的面試題只是自己總結的一些偏基礎的知識~剛畢業的小夥伴看著也不要有什麼壓力,不是代表初級前端必須掌握的技能,只是總結出前端面試中比較常見的...
CSDN技術社區2021-11-18
前端面試(1)—准備_樂夫天命兮的博客-CSDN博客_前端面試准備
每輪面試在一小時左右。概念:職位描述:注重的是工作職責。任職要求:要求的是工作能力。通常描述得很細致。PS:前端的知識龐大,不可能所有的內容都准備好,但是要向「任職要求」靠攏。分析...
CSDN技術社區
【前端開發/web前端設計面試|前端開發/web前端設計面試技巧】看準網
面試過程很愉快,面試官交流起來很舒服,下面的圖片里是我記錄的面試中的問題並附上答案,僅供參考。有用(3)|評論(0)|你還記得你曾經的面試情景嗎?分享一條你的面試經歷吧,...
看準網2022-06-11
web前端開發面試流程是怎樣的?網路知道
回答:2
首先投簡歷,等待面試通知。第一次面試填資料,做測試題;等一面通過之後接著二面,二面一般是技術面試,有些公司是通過之後直接進行3面有些是改天再進行3面,3面一般就是項目經理或總經理問你一-些各種各樣的問題,如果3面都過了,基本上就是面試成功了。但是不同公司的面試流程也不相同。...
網路知道2022-06-10
相關搜索
前端面試項目
前端面試題庫
前端面試自我介紹
前端面試視頻教程
前端面試題目
面試圖片
前端性能優化面試
前端面試寶典
快速搞定前端面試
前端面試問項目中遇到的難題
11-20條

【截圖】常見前端面試題_mus_木司的博客-CSDN博客
3.一道面向對象面試題 4.EventLoop 同步非同步、宏任務微任務 5.使下面輸出1 var a={ toString=function*(){ yield 1;yield 2;yield 3;} } a.toString 會轉換,規則: 對象=字元串 對象.toString ...
CSDN技術社區2020-06-02
前端面試
前端面試自我介紹背景:1 面試官在你自我介紹的時候,才有時間看你的簡歷。人太多沒時間看,看了也記不住。2 你在自我介紹中,他在想問你什麼問題。3 了解你語言表達能力,自信氣場,儀表形態。...
www.lwlwlw.com2017-07-04
前端面試作品-芝士回答
我建議最後去找電商項目,電商項目中的前端特效要求的比較高,如果電商的可以消化,那麼面試就不再是問題了;2、對於已經工作了一段時間的前端開發工程師來說,最好的就是將自己在工作中做過的...
芝士回答2021-01-09
web前端經典面試題_約德爾蒙的博客-CSDN博客_前端面試題
閱讀:8w+
web前端面試題 其他問題 1、請談談你對性能優化的認識?網頁內容 減少http請求次數 80%的響應時間花在下載網頁內容(images,stylesheets,javascripts,scripts,flash等)。減少請求次數是縮短響應...
CSDN技術社區
前端面試-項目流程_前端小兔子的博客-CSDN博客_前端面試流程
1、項目流程 (1)項目分多人、多角色參與 (2)項目分多階段 (3)項目需要計劃和執行 2、項目角色 (1)PM 產品經理 (2)UE 視覺設計師 (3)FE 前端開發 (4)RD 後端開發 (5)CRD 移動端...
CSDN技術社區2020-03-18
關於前端面試的十問十答(並附知識點思維導圖)知乎
6.29 雙越老師 在慕課網直播講解了關於前端面試的一些技巧和經驗,以下是同學的一些問題反饋和老師的解答 1、問題描述: 老師你好,我是計算機專業大二在校生,想了解前端需要重點掌握哪些演算法呢...
知乎2019-07-04
Web前端初學者(應屆生)面試攻略-知了樂了-博客園
前端技術日新月異,面試也有了不同的要求,各種框架層出不窮,到了你們那一年前端發展到了什麼地步沒有人知道,牢記法則,以不變應萬變,絕對ok。明確一點,自己想去那種公司,大公司注重基礎,...
博客園2018-02-26
前端面試(三)簡書
前端面試(三) 一、圖片整合 用background-position來實現背景圖片的定位技術,又稱為css精靈圖。用法: 將一些小圖片有規則的合成一張圖片,即多張圖片合為一張整圖,再使用background-...
簡書2019-10-20
前端面試要求-洺劍殘虹-博客園
前端面試所遇到的技術點: HTML的問題 (1)行標簽和塊級標簽分別有哪些?(2)常見HTML5的標簽有哪些?(3)怎麼頁面結構會比較好?(4)如何減少HTTP請求和優化?減少請求的資源,將多個CSS資源打包到...
博客園2018-09-08
前端工程師面試匯總_尊哥的博客-CSDN博客_前端工程師面試
一、前端基礎 1、HTTP,HTML,瀏覽器 說一下http和https tcp三次握手,一句話概括 TCP和UDP的區別 WebSocket的實現和應用 一個圖片url訪問後直接下載怎樣實現?說一下web Quality(無障礙)幾個很...
CSDN技術社區2020-01-28
相關搜索
前端面試項目
前端面試如何介紹自己的項目
前端面試
web前端面試
js前端面試
前端面試問題
2019前端面試
前端面試題庫
前端電話面試
前端面試自我介紹
21-30條

前端面試-網路貼吧
小夥伴們,有很多小夥伴剛學完前端,想找一份好一點的公司去應聘,但是公司的面試又成了一大難題,今天我整理了一些關於web前端面試的試題,幫助大家可以更好的完成面試,早日找到工作。由於...
網路貼吧2020-01-25
前端面試流程_網路文庫
前端面試流程 By漆黑小T 前面5個題,有兩個答不出來就可以pass 遇到面試者反問,以時間有限為由,讓其自行網路,面試印象減分 1、css問題,水平、垂直居中的寫法,請至少寫出4種?水平居中 行內...
網路文庫
前端面試技巧-網路經驗
前端面試技巧,馬上就要進入前端面試的朋友們,對於前端面試的技巧還是比較模糊的,那麼前端面試技巧都有哪些呢?
網路經驗2019-12-03
前端面試到底要做到哪些?知乎
准備面試的時候,可以按照以下幾個模塊來准備: 無論前端技術棧日新月異,我們都得要扎實基礎,腳踏實地,切記不可投機取巧、眼高手低。2.1 JavaScript 基礎 JavaScript 基礎非常重要,相比於...
知乎2021-07-29
常見的前端開發面試題(附答案)DreamTraveler-博客園
2.談談你對前端性能優化的理解 a.請求數量:合並腳本和樣式表,CSS Sprites,拆分初始化負載,劃分主域 b.請求帶寬:開啟GZip,精簡JavaScript,移除重復腳本,圖像優化,將icon做成字體 c.緩存...
博客園2020-04-28
前端面試流程-漆黑小T-博客園
前端面試流程 By漆黑小T 前面5個題,有兩個答不出來就可以pass 遇到面試者反問,以時間有限為由,讓其自行網路,面試印象減分 1、css問題,水平、垂直居中的寫法,請至少寫出4種?水平居中 行內...
博客園2021-01-27
前端面試流程圖-CSDN
csdn已為您找到關於前端面試流程圖相關內容,包含前端面試流程圖相關文檔代碼介紹、相關教程視頻課程,以及相關前端面試流程圖問答內容。為您解決當下相關問題,如果想了解更詳細前端面試流程圖...
CSDN技術社區2021-06-10
前端面試篇,應屆生面試時被問項目經驗不用慌,按這個步驟回答成功率高達95%_碼民的飄柔的博客-CSDN博客
為了讓大家在收到一家公司前端面試邀請之後,准備得更加充足,這里准備了一些高頻和基礎的前端面試題,希望可以幫助大家更加順利完成求職,得到自己滿意的offer。最全前端面試真題匯總 CSS面試...
CSDN技術社區2021-05-14
關於前端面試的注意事項-簡書
前端現在越來越多人,那麼面試的時候要注意哪些問題呢?1.簡歷一定要寫的完善,多一些數據性的東西,項目業績啊,項目效果之類的一定要寫的好一點,這樣面試官看到才能感覺到真實。2.簡歷上的...
簡書2020-05-06
常見的前端開發面試題(附答案)
2.談談你對前端性能優化的理解 a.請求數量:合並腳本和樣式表,CSS Sprites,拆分初始化負載,劃分主域 b.請求帶寬:開啟GZip,精簡JavaScript,移除重復腳本,圖像優化,將icon做成字體 c.緩存...
百家號2019-02-01
相關搜索
前端面試項目
前端面試如何介紹自己的項目
前端面試
web前端面試
js前端面試
前端面試問題
2019前端面試
前端面試題庫
前端電話面試
前端面試自我介紹
31-40條

常見前端面試題及答案_冷小魚的博客-CSDN博客_前端面試題
本文是在GitHub上看到一個大牛總結的前端常見面試題,很多問題問的都很好,很經典、很有代表性。上面沒有答案,我就整理了一下,從網上找了一些相關問題的答案。裡面有一部分問題的答案我也沒有...
CSDN技術社區2019-02-15
前端工作面試問題-前端開發博客
這段事件一直在整理有關前端的面試題目,整理這也題目,不只是為了能夠學習應付即將到來的面試,更是為了補補基礎知識。日常項目開發進度太快了,很多屬性或者方法用了就忘,這樣會造成另外一個...
m.caibaojian.com2017-04-06
前端面試之前要准備的那些事-祈澈姑娘-博客園
現在前端雖火但工作不好找,因為一些外力因素所導致,北上廣這些大城市的招聘都是三年的工作經驗起的。關於怎麼寫工作經驗和工作項目,後續的文章裡面會有更多的干貨和經驗。問題四,簡歷上常見...
博客園2017-10-26
如何面試前端工程師?
評論:1
近來幾個月,一直在努力尋找前端戰友,未果,一路的招聘經歷下來,心生不少感慨,一直都很小心翼翼前端面試項目會給圖片嗎

7. 前端面試題(十五)

已知高度和寬度的元素:

設置父元素為相對定位relative,給子元素設置絕對定位absoluted,top: 0; right: 0; bottom: 0; left: 0; margin: auto;

設置父元素為相對定位,給子元素設置絕對定位,left: 50%; top: 50%; margin-left: --元素寬度的一半px; margin-top: --元素高度的一半px;

未知高度和寬度的元素:

設置父元素為相對定位,給子元素設置絕對定位,left: 50%; top: 50%; transform: translate(-50%,-50%);

設置父元素為相對定位,給子元素設置絕對定位,left: 50%; top: 50%; transform:translate(-50%,-50%);

組件中的 data 寫成一個函數,數據以函數返回值形式定義,這樣每復用一次組件,就會返回一份新的 data ,類似於給每個組件實例創建一個私有的數據空間,讓各個組件實例維護各自的數據。而單純的寫成對象形式,就使得所有組件實例共用了一份 data ,就會造成一個變了全都會變的結果。

for of:

支持 return ,並且是值 of 數組(不能遍歷對象)
1. 可以避免所有 for-in 循環的陷阱
2. 不同於 forEach(),可以使用 break, continue 和 return
3. for-of 循環不僅僅支持數組的遍歷。同樣適用於很多類似數組的對象
4. 它也支持字元串的遍歷
5. for-of 並不適用於處理原有的原生對象

for in:

forEach:

assets文件夾里是靜態資源;components是放組件;router是定義路由相關的配置;view視圖;app.vue是一個應用主組件;main.js是入口文件

在組件切換過程中將狀態保留在內存中,防止重復渲染DOM,減少載入時間及性能消耗,提高用戶體驗性。

生命周期函數: activated( 組件激活時調用 )、deactivated( 組件停用時調用

常見的使用場景可以分為三類:

當頻繁執行條件時,不適合使用 v-if ,用 v-show ;
反之執行條件的次數很少,使用 v-if 即可。

v-if 和 v-for ,不推薦兩者一起使用在同一個元素上,雖然也能運行,但是編輯器會報警告;兩者一起使用時,v-for比v-if具有更高的優先順序,

8. 2022前端開發面試記錄(深圳篇)

2022年來到深圳,感覺到了與之前所在城市的差異,心裡多少有點落差。雖然時機不太對吧,但是相信一切都會好起來的,給自己加油呀!
整理了一些面試被問到的問題,雖然很多是無效面試,但是我也強行問了面試官,從他們的回答中猜測了一下他們關注的面試點,所以也算是有點收獲吧,只是浪費了很多簡歷和路費,哭唧唧。

——1、區塊鏈——
1-1、vue生命周期;
1-2、vuex屬性;
1-3、用戶開始登錄到登錄成功都發生了什麼;
1-4、git常用的命令;

——2、金融:vue——
筆試:
2-1、深淺拷貝的區別,為什麼會出現深淺拷貝,淺拷貝的優勢;
2-2、強制中斷 foreach 遍歷;
2-3、多處組件復用;
2-4、你對前端是什麼概念,前端在整個軟體生態內是什麼角色;
2-5、Vue2 中數據變化但視圖沒有發生同步更新,描述一下出現的場景,解決方式,以及該問題發生的可能原因;
2-6、nextTick 是如何確保開發者能夠獲取到最新的 DOM 狀態的;
2-7、如何使用 mixins,有何利弊;
2-8、使用 Hooks 模式開發時,useMemo,useCallback 常用來作為優化的手段。描述一下它們各自的適用場景,以及背後的原理實現?;
2-9、前端從 Jquery 時代演變至如今的三大框架,這種演變的根源是什麼,jquery 解決了什麼問題,如今的三大框架又是為了解決什麼問題出現的?
視頻面試:
2-10、js遍歷樹形結構,每個節點都有一個唯一ID,只能遍歷一次;
2-11、組件封裝的意義;

——3、知識產權:vue2、vue3、ts、react——
3-1、說一說面向對象的理解,包括繼承、封裝、多態等;
3-2、說一說promise;
3-3、webpack優化;
3-4、vuex使用場景;
3-5、描述一下對vue響應式原理的理解;
3-6、vue生命周期;
3-7、父子組件鉤子函數執行順序;
3-8、v-if和v-show;
3-9、js數據類型;
3-10、實現深拷貝;

——4、物流——
4-1、vue生命周期;
4-2、生命周期-修改元素樣式在生命周期的哪個階段;
4-3、生命周期-修改數據在哪個階段;
4-4、生命周期-destroy裡面會做哪些操作;
4-5、怎麼修改title的內容;
4-6、父子組件傳參的具體寫法;
4-7、v-model的多種寫法;
4-8、js數據類型;
4-9、判斷數組的方法;
4-10、實現左邊固定右邊自適應的布局;
4-11、實現div垂直水平居中;
4-12、flex:1;
4-13、flex詳解;
4-14、call,apply,bind是干什麼的;

——5、新興產業——
5-1、封裝路由,怎麼攔截路由;
5-2、瀏覽器緩存有哪些,又問localStorage和sessionStrorage的區別和應用場景;
5-3、瀏覽器強緩存和協商緩存;
5-4、webpack打包機制,構建過程和配置;
5-5、性能優化方法;
5-6、前端的業務和後端的API是怎麼做到數據實時請求的(問的其實是前端對後端API介面的封裝和管理);
5-7、computed和watch;
5-8、說了幾個關於大屏的應用場景,有沒有做過,怎麼做的;

——6、某水果:vue2、vue3、ts、各種前沿技術都用——
6-1、怎麼封裝一個組件庫/工具類庫,比如vue封裝過什麼復雜組件,jquery封裝過什麼類庫;
6-2、get和post的區別,傳參格式等;
6-3、promise怎麼用的;
6-4、原型鏈,test()的原型鏈;
6-5、websocket;
6-6、es6中的generator;
6-7、es6中的set和map有啥區別,set為什麼能去重;
6-8、項目難點;

——7、醫療健康:vue——
7-1、vue自定義指令配置;
7-2、webpack的理解;
7-3、對node的了解,用過express嗎;
7-4、項目中的拖拽是怎麼做的;
7-5、websocket和socket的區別;
7-6、聽過mqtt嗎,因為沒聽過所以解釋了一下activemq的用法;
7-7、二維地圖的聚合,如果有十萬個點,會做什麼優化;
7-8、地圖實現多個點連成一條線會怎麼做;
7-9、地圖實現一條曲線;
7-10、內網下git怎麼用的;
7-11、openlayers渲染機制;
7-12、父子組件通信方法;
7-13、router中實現攔截;
7-14、對象合並的方法;
7-15、父子組件的生命周期執行順序,渲染階段為什麼會先執行父組件再執行子組件;
7-16、vue生命周期;
7-17、npm run dev, run build可以在項目中的什麼位置找到;
7-18、vue中跳轉頁面的方法;
7-19、mixins用過嗎;
7-20、判斷引用類型的方法;
7-21、js數據類型;
7-22、判斷基本數據類型的方法;
7-23、for in和for of的用法和區別,兩者遍歷的是索引還是屬性值,兩者都可以遍歷對象嗎;
7-24、foreach和map的區別,兩者會不會改變原數組;
7-25、主要用什麼技術棧;
7-26、行內元素和塊級元素的區別,分別都有哪些,行塊級元素有哪些;
7-27、div垂直水平居中,grid知不知道怎麼用;
7-28、splice和slice;

——8、智慧園區:vue2、vue3、ts、uniapp——
8-1、flex了解嗎,flex布局方向,flex:1 0的頁面效果是怎樣的;
8-2、做過移動端嗎,了解uniapp嗎;
8-3、keep-alive;問了一個沒聽明白的,可能和keep-alive有關系;
8-4、vuex中的action;不用vuex,怎麼代替vuex;
8-5、promise.all和promise.on;
8-6、防止表單重復提交;
8-7、async,await的使用;
8-8、vue3和ts的了解;
8-9、防抖怎麼控制時間;
8-10、vue中的data為什麼要設計成一個函數;

——9、智慧工地:vue、uniapp、小程序——
9-1、Vuex是干什麼的;
9-2、openlayers怎麼用的;
9-3、性能優化;
9-4、spa首屏載入優化;
9-5、bundler.js太大,打包怎麼優化;
9-6、加密方式了解多少,比如md5,base64等,一大堆沒聽過的;
9-7、冒泡排序的實現原理;
9-8、js設計模式;

——10、某快遞公司外包——
10-1、一棵樹的數據,給的是列表格式,轉換成樹形結構;
10-2、項目相關的,聊天怎麼做的,拖拽怎麼做的,拖拽的數據怎麼渲染的,拖拽重疊怎麼處理的;
10-3、js設計模式;

——11、三維:vue、cesium——
11-1、一棵樹的數據,給的是列表格式,轉換成樹形結構;
11-2、openlayers怎麼用的,發布過wms嗎,發布流程是怎樣的;
11-3、openlayers轉換經緯度的方法名是什麼;
11-4、cesium常用的函數;
11-5、vue數據雙向綁定原理;
11-6、Vue中data屬性如果改變一個數組的下標,會不會馬上發生變化,不變化可以怎麼解決
11-7、數組常用方法有哪些;
11-8、 map和filter的區別;
11-9、es6常用的方法;
11-10、父子組件通信,兄弟組件通信;
11-11、new具體進行了什麼操作;

——12、醫療:vue、angular——
12-1、js渲染機制和運行機制;
12-2、vue數據綁定原理;

——13、建設行業:vue、uniapp——
筆試:
13-1、||與&運算符;
13-2、垂直居中方案;
13-3、let a=arr, b=a, c=arr.concat(), a[0]=3,列印b和c,應該是深淺拷貝;
13-4、實現font-size:12;
13-5、介面路徑,給一個地址 http://localhost/projectname/resource/index(http://localhost/projectname/resource/index).html ,根據url請求介面路徑寫出完整路徑,』/ geturl.do 』,』 geturl.do 』,』../ geturl.do 』;
13-6、微信小程序流程和主要文件;
13-7、獲取url參數及內容;
13-8、$(function(){}) / (function(){}) / (function(){})()的區別;
13-9、前端優化方案;
面試:
13-10、項目難點;
13-11、git工作流;
13-12、jquery項目會不會用webpack打包;
13-13、webpack優化;
13-14、web優化;

——14、文化:uniapp——
14-1、ssr渲染;
14-2、ajax和axios的區別;
14-3、cookie和session的區別;
14-4、vue生命周期;
14-5、數據請求寫在哪個生命周期中;
14-6、router的history模式和hash模式;
14-7、工作中的開發流程;
14-8、uniapp的開發流程和坑;
14-9、uniapp滑動問題,下滑切換視頻不生效,一般是什麼原因;
14-10、uniapp載入速度慢,點擊載入圖片速度太慢,一般是什麼原因;

——15、企業平台某外包:vue,node,性能優化——
15-1、說一說websocket;
15-2、vue數據雙向綁定原理;
15-3、項目難點;
15-4、對mvvm、mvc、mvp等的理解;
15-5、vue的常見指令;
15-6、computed和watch;
15-7、class和style怎麼綁定;
15-8、ajax和axios的區別;
15-9、axios攔截器,axios的post請求;
15-10、對前端渲染,服務端渲染的理解;

——16、智慧城市:vue,node,three.js——
16-1、vue生命周期;
16-2、vue組件通信方法;
16-3、js的繼承;
16-4、oracle、mysql、sqllite的區別;
16-5、oracle連表查詢;
16-6、openlayers項目場景;
16-7、cesium項目場景;

——17、租房:jquery+layui,vue2——
17-1、筆試:
17-2、foo列印題;
17-3、this列印題;
17-4、變數提升列印題;
17-5、let arr=[1,2,[5,8,[9,[3,5,]7,]20,37]] 把數組扁平化成一個數組,並進行去重升序;
17-6、let a=[1,2,3,4,5,6,7]; let b=[4,5,6]; 求b在a中第一次出現的位置;
17-7、面試:主要問項目

——18、跑腿:vue2,vue3+ts——
18-1、對html5語義化的理解;
18-2、css實現一個三角形;
18-3、css怎麼實現0.5px的線,為什麼有這種需求,涉及到兼容性問題;
18-4、怎麼解決變數提升的問題;
18-5、es6新增了哪些定義變數的方式;
18-6、const定義的變數可以被修改嗎;
18-7、map和filter的區別,會改變原數組嗎;
18-8、es6去重的方法;
18-9、談一談對promise的理解;
18-10、除了鏈式調用,promise還可以怎麼處理同步請求(async/await);
18-11、對vue響應式原理的理解,核心是什麼;
18-12、對vue生命周期每個階段的理解;
18-13、為什麼要用key,key有什麼作用;
18-14、v-if和v-show;
18-15、Vue中data為什麼是一個函數;
18-16、vue各場景下的傳值方式有哪些,比如父子組件,兄弟組件,祖孫組件;
18-17、對vuex的理解和使用場景;
18-18、vue常見修飾符;
18-19、Vue3用過嗎(因為沒用過,所以就只針對響應式原理說了一下vue3和vue2的區別);

——19、實業:jquery,vue2,vue3——
筆試:需要解釋
19-1、html5新標簽,css3新特性;
19-2、js+css3實現某元素以50px每秒的速度左移100px;
19-3、css實現左中右布局,不改變文檔流;
19-4、js兼容性有哪些,以及常見的解決方案;
19-5、描述一下事件循環機制eventloop,eventloop解決了什麼問題;
19-6、給了一個題,大概是後端返回的介面數據,data的格式有很多,比如null,對象,數組,字元串等,怎麼處理這種問題;
19-7、前端性能優化方法,首屏頁面怎麼優化;
19-8、用js寫一個方法實現數據去重並排序(用es5和es6+實現);
19-9、給定一個數組,把數組中為0的往後排,其他值按順序排序; (示例:[1,0,4,0,5,3]轉換結果為[1,3,4,5,0,0])
19-10、用0,1,2代表紅黃藍三種顏色,實現以下排序,不能用array.sort實現;(示例:[0,1,0,2,0,1,2]轉換結果為[0,0,0,1,1,2,2])
面試:
19-11、flex布局;flex:1對應的屬性;
19-12、講一下原型鏈; proto 和prototype有什麼區別;字元串有沒有原型;給定一個str,str.test()調用的誰的test方法;
19-13、講一下閉包;什麼情況下才能算是閉包;形成閉包的條件;列了三個題讓你判斷是不是閉包;
19-14、v-if和v-show是干什麼的;應用場景有哪些;給定一對父子組件,默認值是false,另外有一個ajax請求,值發生了以下變化(false true false true true),在v-show和v-if中,父子組件的哪個階段里會請求ajax;
19-15、computed的實現原理,怎麼實現一個computed;
19-16、css中,transform,margin,position的都是怎麼渲染的,渲染機制是什麼;amd,cmd,commonjs了解嗎;

9. web前端開發面試流程是怎樣的

首先投簡歷,等待hr通知面試,一般情況下先填資料,做測試題,接著開始第一面(一般問經你的個人情況,工作經歷等),資料已經交給技術,等一面通過之後接著二面,二面一般是技術面試,問你開發相關的技術問題(例如布局問題,js,框架之類的),有些公司還需要上機操作(寫一兩個頁面或者開發一個js方法等),有些公司是通過之後直接進行3面有些是改天再進行3面,3面一般就是項目經理或總經理問你一些各種各樣的問題(隨機應變就行,也有一些公司沒有這個環節),如果3面都過了,基本上就是面試成功了,接下來就是4面,也就是人事主管和你談工資待遇等問題了,這個談好之後就會告訴你什麼時候過來上班,要准備什麼東西,當然一般還會有正式的工作邀請函發到你的郵箱。如果沒有3面的公司,那人事這個環節就直接是3面了。
還有一些公司是一面之後等通知,通過的就通知你二面,然後再等通知,然後通過再三面(這樣的公司我一般不會等,太浪費時間)