想系統(tǒng)學(xué)習(xí)前端web的朋友祟绊，歡迎私信奕辰獲取免費學(xué)習(xí)教程。
1.評論文章戳气，沒字數(shù)限制，一個字都行！ 2.關(guān)注奕辰符欠，成為的粉絲！ 3.私信奕辰：“web”瓶埋，“1”獲取前端學(xué)習(xí)面試資料希柿。
大家一起學(xué)習(xí)（群主會不定時更新學(xué)習(xí)資料，以及面試題文檔）
或者可以添加我的個人微信號：wdnmd__xxx
小助理微信：lyf___1201
此文件包含許多前端面試問題养筒，可用于篩選潛在候選人曾撤。這絕不是建議在同一候選人上使用每一個問題(這將需要幾個小時)。從這個列表中選擇幾個項目可以幫助你檢查你想要的技能晕粪。
注意：請記住挤悉，這些問題中有許多是開放式的，可能會導(dǎo)致有趣的討論巫湘，比直接回答更多地告訴你這個人的能力装悲。
目錄
一般問題
HTML問題
CSS問題
JS問題
網(wǎng)絡(luò)問題
編碼問題
有趣的問題
介入
投稿人
一般性問題：
你昨天/本周學(xué)到了什么？
你對編碼感到興奮或感興趣的是什么剩膘？
您最近遇到的技術(shù)挑戰(zhàn)是什么衅斩？您是如何解決的？
在構(gòu)建Web應(yīng)用程序或站點時怠褐，您會考慮哪些UI畏梆、安全性、性能奈懒、SEO奠涌、可維護性或技術(shù)考慮？
談?wù)勀矚g的開發(fā)環(huán)境磷杏。
您熟悉哪個版本控制系統(tǒng)溜畅？
當你創(chuàng)建一個網(wǎng)頁時，你能描述你的工作流程嗎极祸？
如果您有5個不同的樣式表慈格，您如何最好地將它們集成到站點中怠晴？
你能描述一下漸進式增強和優(yōu)雅退化之間的區(qū)別嗎？
如何優(yōu)化網(wǎng)站的資產(chǎn)/資源浴捆？
瀏覽器一次從給定的域下載多少資源蒜田？
例外是什么？
列出3種減少頁面加載的方法(感知或?qū)嶋H加載時間)选泻。
如果你跳上一個項目冲粤，他們使用標簽，你使用空格页眯，你會做什么梯捕？
描述如何創(chuàng)建一個簡單的幻燈片頁面。
如果你今年能掌握一項技術(shù)窝撵，它會是什么傀顾？
解釋標準和標準機構(gòu)的重要性。
什么是非樣式內(nèi)容的Flash忿族？如何避免FOUC锣笨？
解釋什么是ARIA和屏幕閱讀器，以及如何使一個網(wǎng)站可訪問道批。
解釋CSS動畫與JavaScript動畫的優(yōu)缺點错英。
HTML問題：
一個
doctype
做?
標準模式和古怪模式有什么區(qū)別？
HTML和XHTML有什么區(qū)別隆豹？
在服務(wù)頁面時是否有任何問題椭岩？
application/xhtml+xml
?
如何以多種語言提供內(nèi)容的頁面？
在為多語種網(wǎng)站設(shè)計或開發(fā)時璃赡，您必須警惕哪些事情判哥？
什么是
data-
好的屬性？
將HTML 5視為一個開放的Web平臺碉考。HTML 5的構(gòu)件是什么塌计？
描述
cookie
,
sessionStorage
和
localStorage
.
描述.之間的區(qū)別
,
和
.
為什么定位css通常是個好主意？
S之間
和JS
It‘就在前面
侯谁？你知道有例外嗎锌仅？
什么是漸進式渲染？
您以前使用過不同的HTML模板語言嗎墙贱？
CSS問題：
CSS中的類和ID有什么區(qū)別热芹？
“重置”和“正常化”CSS有什么區(qū)別惨撇？你會選擇哪一個伊脓，為什么？
描述浮標和它們是如何工作的魁衙。
描述z索引和堆疊上下文是如何形成的报腔。
描述BFC(塊格式上下文)及其工作方式株搔。
什么是各種清算技術(shù)，哪些是適合于什么背景榄笙？
解釋CSS精靈邪狞，以及如何在頁面或網(wǎng)站上實現(xiàn)它們。
你最喜歡的圖像替換技術(shù)是什么茅撞？
您將如何解決瀏覽器特定的樣式問題？
如何為受功能限制的瀏覽器提供頁面服務(wù)巨朦？
你使用什么技術(shù)/過程米丘？
有什么不同的方法可以直觀地隱藏內(nèi)容(并使其僅供屏幕閱讀器使用)？
你曾經(jīng)使用過網(wǎng)格系統(tǒng)嗎糊啡？如果是的話拄查，你更喜歡什么？
您是否使用或?qū)崿F(xiàn)了媒體查詢或移動特定布局/CSS棚蓄？
你熟悉SVG的造型嗎堕扶？
如何優(yōu)化打印網(wǎng)頁？
寫高效率CSS的“難點”是什么梭依？
使用CSS預(yù)處理程序的優(yōu)點/缺點是什么稍算？
描述您喜歡和不喜歡的CSS預(yù)處理程序。
如何實現(xiàn)使用非標準字體的網(wǎng)頁設(shè)計Comp役拴？
解釋瀏覽器如何確定哪些元素與CSS選擇器匹配糊探。
描述偽元素并討論它們的用途。
解釋您對框模型的理解河闰，以及如何告訴CSS中的瀏覽器在不同的框模型中呈現(xiàn)您的布局科平。
什么
* { box-sizing: border-box; }
做?它的優(yōu)點是什么？
列出您可以記住的Display屬性的盡可能多的值姜性。
內(nèi)嵌和內(nèi)嵌有什么區(qū)別瞪慧？
相對的、固定的部念、絕對的和靜態(tài)的元素之間有什么區(qū)別弃酌？
CSS中的C代表級聯(lián)。在分配樣式時如何確定優(yōu)先級(幾個例子)印机？你怎么能利用這個系統(tǒng)來發(fā)揮你的優(yōu)勢呢矢腻？
您在本地或生產(chǎn)中使用了哪些現(xiàn)有的CSS框架？你將如何改變/改進它們射赛？
你玩過新的CSS Flexbox或Grid規(guī)范嗎多柑？
響應(yīng)性設(shè)計與自適應(yīng)設(shè)計有何不同？
你曾經(jīng)使用過視網(wǎng)膜圖形嗎楣责？如果是的話竣灌，你什么時候和什么時候使用了什么技術(shù)聂沙？
你有什么理由想用
translate()
而不是絕對定位反之亦然？為什么初嘹？
聯(lián)署材料問題：
解釋事件委托
解釋如何
this
在JavaScript中工作
解釋原型繼承是如何工作的
你對AMD和CommonJS的看法如何及汉？
解釋為什么以下內(nèi)容不能作為一種生活：
function foo(){ }();
.
有什么需要改變才能使它真正成為一種生活？
變量之間的區(qū)別是：
null
,
undefined
或
undeclared
?
你將如何去檢查這些州中的任何一個州屯烦？
什么是閉包坷随，以及如何/為什么使用閉包？
匿名函數(shù)的典型用例是什么驻龟？
如何組織代碼温眉？(模塊模式，經(jīng)典繼承翁狐？)
主機對象和本機對象之間有什么區(qū)別类溢？
以下兩者之間的差異：
function Person(){}
,
var person = Person()
，和
var person = new Person()
?
有什么區(qū)別
.call
和
.apply
?
解釋
Function.prototype.bind
.
你什么時候用
document.write()
?
特征檢測露懒、特征推斷和使用UA字符串有什么區(qū)別闯冷？
盡可能詳細地解釋Ajax。
解釋JSONP是如何工作的(以及它如何不是真正的Ajax)懈词。
您曾經(jīng)使用過JavaScript模板嗎蛇耀？
如果是的話，您使用了哪些庫钦睡？
解釋“提升”蒂窒。
描述事件冒泡。
“屬性”和“屬性”有什么區(qū)別荞怒？
為什么擴展內(nèi)置JavaScript對象不是一個好主意洒琢？
文檔加載事件和文檔就緒事件之間的區(qū)別？
.之間的區(qū)別是什么褐桌？
==
和
===
?
解釋JavaScript的相同來源策略衰抑。
使其發(fā)揮作用：
duplicate([1,2,3,4,5]); // [1,2,3,4,5,1,2,3,4,5]
為什么它被稱為三元表達式，“三元”這個詞表示什么荧嵌？
是什么
"use strict";
呛踊？使用它的優(yōu)點和缺點是什么？
創(chuàng)建一個for循環(huán)啦撮，循環(huán)到
100
同時輸出“嗡嗡聲”在.的倍數(shù)
3
,
"buzz"
在.的倍數(shù)
5
和“FizzBuzz”在.的倍數(shù)
3
和
5
為什么谭网，一般來說，把一個網(wǎng)站的全球范圍保持為-而且從來不碰它-是個好主意赃春？
你為什么要用像
load
活動愉择？這個事件有缺點嗎？你知道有什么可供選擇的嗎，你為什么要用這些锥涕？
解釋什么是單一頁面應(yīng)用程序和如何使一個搜索引擎優(yōu)化友好衷戈。
你對承諾和/或它們的填充物的經(jīng)驗有多大？
使用承諾而不是回調(diào)的利弊是什么层坠？
用編譯成JavaScript的語言編寫JavaScript代碼有哪些優(yōu)缺點殖妇？
試題：
測試您的代碼有哪些優(yōu)點/缺點？
您將使用哪些工具來測試代碼的功能破花？
單元測試和功能/集成測試有什么區(qū)別谦趣？
代碼樣式分析工具的用途是什么？
業(yè)績問題：
您將使用哪些工具來查找代碼中的性能缺陷座每？
有什么方法可以提高你的網(wǎng)站的滾動性能蔚润？
解釋布局、繪畫和合成的區(qū)別尺栖。
網(wǎng)絡(luò)問題：
傳統(tǒng)上，為什么更好地為來自多個域的站點資產(chǎn)服務(wù)烦租？
盡你最大的努力來描述這個過程延赌，從你輸入一個網(wǎng)站的URL到它在你的屏幕上完成加載。
長輪詢叉橱、WebSocket和服務(wù)器發(fā)送事件之間有什么區(qū)別挫以？
解釋以下請求和響應(yīng)標題：
迪夫。在到期窃祝，日期掐松，年齡，如果-修改-.
不跟蹤
緩存控制
傳輸編碼
電子標簽
X-框架-選項
什么是HTTP操作粪小？列出您知道的所有HTTP操作大磺，并解釋它們。
編碼問題：
問：什么是
foo
?
var foo = 10 + '20';
問：你將如何使這個工作探膊？
add(2, 5); // 7add(2)(5); // 7
問題：從以下語句返回的值是什么杠愧？
"i'm a lasagna hog".split("").reverse().join("");
問：什么是
window.foo
?
( window.foo || ( window.foo = "bar" ) );
問：以下兩個警報的結(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的朋友逞壁，歡迎私信奕辰獲取免費學(xué)習(xí)教程流济。
1.評論文章，沒字數(shù)限制腌闯，一個字都行绳瘟！ 2.關(guān)注奕辰，成為的粉絲姿骏！ 3.私信奕辰：“web”糖声，“1”獲取前端學(xué)習(xí)面試資料。
大家一起學(xué)習(xí)（群主會不定時更新學(xué)習(xí)資料，以及面試題文檔）
或者可以添加我的個人微信號：wdnmd__xxx
小助理微信：lyf___1201
