想系統(tǒng)學(xué)習(xí)前端web的朋友，歡迎私信奕辰獲取免費(fèi)學(xué)習(xí)教程。
1.評(píng)論文章，沒字?jǐn)?shù)限制，一個(gè)字都行！ 2.關(guān)注奕辰，成為的粉絲！ 3.私信奕辰：“web”，“1”獲取前端學(xué)習(xí)面試資料。
大家一起學(xué)習(xí)（群主會(huì)不定時(shí)更新學(xué)習(xí)資料，以及面試題文檔）
或者可以添加我的個(gè)人微信號(hào)：wdnmd__xxx
小助理微信：lyf___1201
此文件包含許多前端面試問題，可用于篩選潛在候選人。這絕不是建議在同一候選人上使用每一個(gè)問題(這將需要幾個(gè)小時(shí))。從這個(gè)列表中選擇幾個(gè)項(xiàng)目可以幫助你檢查你想要的技能。
注意：請(qǐng)記住，這些問題中有許多是開放式的，可能會(huì)導(dǎo)致有趣的討論，比直接回答更多地告訴你這個(gè)人的能力。
目錄
一般問題
HTML問題
CSS問題
JS問題
網(wǎng)絡(luò)問題
編碼問題
有趣的問題
介入
投稿人
一般性問題：
你昨天/本周學(xué)到了什么？
你對(duì)編碼感到興奮或感興趣的是什么？
您最近遇到的技術(shù)挑戰(zhàn)是什么？您是如何解決的？
在構(gòu)建Web應(yīng)用程序或站點(diǎn)時(shí)，您會(huì)考慮哪些UI、安全性、性能、SEO、可維護(hù)性或技術(shù)考慮？
談?wù)勀矚g的開發(fā)環(huán)境。
您熟悉哪個(gè)版本控制系統(tǒng)？
當(dāng)你創(chuàng)建一個(gè)網(wǎng)頁(yè)時(shí)，你能描述你的工作流程嗎？
如果您有5個(gè)不同的樣式表，您如何最好地將它們集成到站點(diǎn)中？
你能描述一下漸進(jìn)式增強(qiáng)和優(yōu)雅退化之間的區(qū)別嗎？
如何優(yōu)化網(wǎng)站的資產(chǎn)/資源？
瀏覽器一次從給定的域下載多少資源？
例外是什么？
列出3種減少頁(yè)面加載的方法(感知或?qū)嶋H加載時(shí)間)。
如果你跳上一個(gè)項(xiàng)目，他們使用標(biāo)簽，你使用空格，你會(huì)做什么？
描述如何創(chuàng)建一個(gè)簡(jiǎn)單的幻燈片頁(yè)面。
如果你今年能掌握一項(xiàng)技術(shù)，它會(huì)是什么？
解釋標(biāo)準(zhǔn)和標(biāo)準(zhǔn)機(jī)構(gòu)的重要性。
什么是非樣式內(nèi)容的Flash？如何避免FOUC？
解釋什么是ARIA和屏幕閱讀器，以及如何使一個(gè)網(wǎng)站可訪問。
解釋CSS動(dòng)畫與JavaScript動(dòng)畫的優(yōu)缺點(diǎn)。
HTML問題：
一個(gè)
doctype
做?
標(biāo)準(zhǔn)模式和古怪模式有什么區(qū)別？
HTML和XHTML有什么區(qū)別？
在服務(wù)頁(yè)面時(shí)是否有任何問題？
application/xhtml+xml
?
如何以多種語(yǔ)言提供內(nèi)容的頁(yè)面？
在為多語(yǔ)種網(wǎng)站設(shè)計(jì)或開發(fā)時(shí)，您必須警惕哪些事情？
什么是
data-
好的屬性？
將HTML 5視為一個(gè)開放的Web平臺(tái)。HTML 5的構(gòu)件是什么？
描述
cookie
,
sessionStorage
和
localStorage
.
描述.之間的區(qū)別
,
和
.
為什么定位css通常是個(gè)好主意？
S之間
和JS
It‘就在前面
？你知道有例外嗎？
什么是漸進(jìn)式渲染？
您以前使用過不同的HTML模板語(yǔ)言嗎？
CSS問題：
CSS中的類和ID有什么區(qū)別？
“重置”和“正?；盋SS有什么區(qū)別？你會(huì)選擇哪一個(gè)，為什么？
描述浮標(biāo)和它們是如何工作的。
描述z索引和堆疊上下文是如何形成的。
描述BFC(塊格式上下文)及其工作方式。
什么是各種清算技術(shù)，哪些是適合于什么背景？
解釋CSS精靈，以及如何在頁(yè)面或網(wǎng)站上實(shí)現(xiàn)它們。
你最喜歡的圖像替換技術(shù)是什么？
您將如何解決瀏覽器特定的樣式問題？
如何為受功能限制的瀏覽器提供頁(yè)面服務(wù)？
你使用什么技術(shù)/過程？
有什么不同的方法可以直觀地隱藏內(nèi)容(并使其僅供屏幕閱讀器使用)？
你曾經(jīng)使用過網(wǎng)格系統(tǒng)嗎？如果是的話，你更喜歡什么？
您是否使用或?qū)崿F(xiàn)了媒體查詢或移動(dòng)特定布局/CSS？
你熟悉SVG的造型嗎？
如何優(yōu)化打印網(wǎng)頁(yè)？
寫高效率CSS的“難點(diǎn)”是什么？
使用CSS預(yù)處理程序的優(yōu)點(diǎn)/缺點(diǎn)是什么？
描述您喜歡和不喜歡的CSS預(yù)處理程序。
如何實(shí)現(xiàn)使用非標(biāo)準(zhǔn)字體的網(wǎng)頁(yè)設(shè)計(jì)Comp？
解釋瀏覽器如何確定哪些元素與CSS選擇器匹配。
描述偽元素并討論它們的用途。
解釋您對(duì)框模型的理解，以及如何告訴CSS中的瀏覽器在不同的框模型中呈現(xiàn)您的布局。
什么
* { box-sizing: border-box; }
做?它的優(yōu)點(diǎn)是什么？
列出您可以記住的Display屬性的盡可能多的值。
內(nèi)嵌和內(nèi)嵌有什么區(qū)別？
相對(duì)的、固定的、絕對(duì)的和靜態(tài)的元素之間有什么區(qū)別？
CSS中的C代表級(jí)聯(lián)。在分配樣式時(shí)如何確定優(yōu)先級(jí)(幾個(gè)例子)？你怎么能利用這個(gè)系統(tǒng)來發(fā)揮你的優(yōu)勢(shì)呢？
您在本地或生產(chǎn)中使用了哪些現(xiàn)有的CSS框架？你將如何改變/改進(jìn)它們？
你玩過新的CSS Flexbox或Grid規(guī)范嗎？
響應(yīng)性設(shè)計(jì)與自適應(yīng)設(shè)計(jì)有何不同？
你曾經(jīng)使用過視網(wǎng)膜圖形嗎？如果是的話，你什么時(shí)候和什么時(shí)候使用了什么技術(shù)？
你有什么理由想用
translate()
而不是絕對(duì)定位反之亦然？為什么？
聯(lián)署材料問題：
解釋事件委托
解釋如何
this
在JavaScript中工作
解釋原型繼承是如何工作的
你對(duì)AMD和CommonJS的看法如何？
解釋為什么以下內(nèi)容不能作為一種生活：
function foo(){ }();
.
有什么需要改變才能使它真正成為一種生活？
變量之間的區(qū)別是：
null
,
undefined
或
undeclared
?
你將如何去檢查這些州中的任何一個(gè)州？
什么是閉包，以及如何/為什么使用閉包？
匿名函數(shù)的典型用例是什么？
如何組織代碼？(模塊模式，經(jīng)典繼承？)
主機(jī)對(duì)象和本機(jī)對(duì)象之間有什么區(qū)別？
以下兩者之間的差異：
function Person(){}
,
var person = Person()
，和
var person = new Person()
?
有什么區(qū)別
.call
和
.apply
?
解釋
Function.prototype.bind
.
你什么時(shí)候用
document.write()
?
特征檢測(cè)、特征推斷和使用UA字符串有什么區(qū)別？
盡可能詳細(xì)地解釋Ajax。
解釋JSONP是如何工作的(以及它如何不是真正的Ajax)。
您曾經(jīng)使用過JavaScript模板嗎？
如果是的話，您使用了哪些庫(kù)？
解釋“提升”。
描述事件冒泡。
“屬性”和“屬性”有什么區(qū)別？
為什么擴(kuò)展內(nèi)置JavaScript對(duì)象不是一個(gè)好主意？
文檔加載事件和文檔就緒事件之間的區(qū)別？
.之間的區(qū)別是什么？
==
和
===
?
解釋JavaScript的相同來源策略。
使其發(fā)揮作用：
duplicate([1,2,3,4,5]); // [1,2,3,4,5,1,2,3,4,5]
為什么它被稱為三元表達(dá)式，“三元”這個(gè)詞表示什么？
是什么
"use strict";
？使用它的優(yōu)點(diǎn)和缺點(diǎn)是什么？
創(chuàng)建一個(gè)for循環(huán)，循環(huán)到
100
同時(shí)輸出“嗡嗡聲”在.的倍數(shù)
3
,
"buzz"
在.的倍數(shù)
5
和“FizzBuzz”在.的倍數(shù)
3
和
5
為什么，一般來說，把一個(gè)網(wǎng)站的全球范圍保持為-而且從來不碰它-是個(gè)好主意？
你為什么要用像
load
活動(dòng)？這個(gè)事件有缺點(diǎn)嗎？你知道有什么可供選擇的嗎，你為什么要用這些？
解釋什么是單一頁(yè)面應(yīng)用程序和如何使一個(gè)搜索引擎優(yōu)化友好。
你對(duì)承諾和/或它們的填充物的經(jīng)驗(yàn)有多大？
使用承諾而不是回調(diào)的利弊是什么？
用編譯成JavaScript的語(yǔ)言編寫JavaScript代碼有哪些優(yōu)缺點(diǎn)？
試題：
測(cè)試您的代碼有哪些優(yōu)點(diǎn)/缺點(diǎn)？
您將使用哪些工具來測(cè)試代碼的功能？
單元測(cè)試和功能/集成測(cè)試有什么區(qū)別？
代碼樣式分析工具的用途是什么？
業(yè)績(jī)問題：
您將使用哪些工具來查找代碼中的性能缺陷？
有什么方法可以提高你的網(wǎng)站的滾動(dòng)性能？
解釋布局、繪畫和合成的區(qū)別。
網(wǎng)絡(luò)問題：
傳統(tǒng)上，為什么更好地為來自多個(gè)域的站點(diǎn)資產(chǎn)服務(wù)？
盡你最大的努力來描述這個(gè)過程，從你輸入一個(gè)網(wǎng)站的URL到它在你的屏幕上完成加載。
長(zhǎng)輪詢、WebSocket和服務(wù)器發(fā)送事件之間有什么區(qū)別？
解釋以下請(qǐng)求和響應(yīng)標(biāo)題：
迪夫。在到期，日期，年齡，如果-修改-.
不跟蹤
緩存控制
傳輸編碼
電子標(biāo)簽
X-框架-選項(xiàng)
什么是HTTP操作？列出您知道的所有HTTP操作，并解釋它們。
編碼問題：
問：什么是
foo
?
var foo = 10 + '20';
問：你將如何使這個(gè)工作？
add(2, 5); // 7add(2)(5); // 7
問題：從以下語(yǔ)句返回的值是什么？
"i'm a lasagna hog".split("").reverse().join("");
問：什么是
window.foo
?
( window.foo || ( window.foo = "bar" ) );
問：以下兩個(gè)警報(bào)的結(jié)果如何？
var foo = "Hello";(function() {? var bar = " World";? alert(foo + bar);})();alert(foo + bar);
問：什么是
foo.length
?
var foo = [];foo.push(1);foo.push(2);
問：什么是
foo.x
?
var foo = {n: 1};var bar = foo;foo.x = foo = {n: 2};
想系統(tǒng)學(xué)習(xí)前端web的朋友，歡迎私信奕辰獲取免費(fèi)學(xué)習(xí)教程。
1.評(píng)論文章，沒字?jǐn)?shù)限制，一個(gè)字都行！ 2.關(guān)注奕辰，成為的粉絲！ 3.私信奕辰：“web”，“1”獲取前端學(xué)習(xí)面試資料。
大家一起學(xué)習(xí)（群主會(huì)不定時(shí)更新學(xué)習(xí)資料，以及面試題文檔）
或者可以添加我的個(gè)人微信號(hào)：wdnmd__xxx
小助理微信：lyf___1201
