前端面試每日3+1（周彙總2019.06.30）

時間 2019-11-17

標籤前端面試每日 3+1 彙總 2019.06.30 欄目快樂工作简体版

原文原文鏈接

周彙總 2019.06.30

《論語》，曾子曰：「吾日三省吾身」（我天天屢次檢討本身）。
前端面試每日3+1題，以面試題來驅動學習，天天進步一點！
讓努力成爲一種習慣，讓奮鬥成爲一種享受！相信堅持的力量！！！javascript

項目地址： github.com/haizlin/fe-…css

學習不打烊，充電加油只爲遇到更好的本身，365天無節假日，天天早上5點純手工發佈面試題（死磕本身，愉悅你們）。
但願你們在這浮誇的前端圈裏，保持冷靜，堅持天天花20分鐘來學習與思考。
在這變幻無窮，類庫層出不窮的前端，建議你們不要等到找工做時，才狂刷題，提倡每日學習！（不忘初心，html、css、javascript纔是基石！）
歡迎你們到Issues交流，鼓勵PR，感謝Star，你們有啥好的建議能夠加我微信一塊兒交流討論！

但願你們每日去學習與思考，這才達到來這裏的目的！！！（不要爲了誰而來，要爲本身而來！）html

html

移動web頁面如何自動探測電話號碼？
在a標籤上的四個僞類執行順序是什麼？
favicon.ico有什麼做用？怎麼在頁面中引用？經常使用尺寸有哪些？能夠修改後綴名嗎？
video和audio分別支持哪些格式？
怎麼在IE8及如下實現HTML5的兼容？
html的a標籤屬性rel='nofollow'有什麼做用？
怎樣禁止表單記住密碼自動填充？
寫個例子說明HTML5在移動端如何打開APP？
請寫出喚醒拔打電話、發送郵件、發送短信的例子
HTML5若是不寫<! DOCTYPE html> ，頁面還會正常工做麼？
html直接輸入多個空格爲何只能顯示一個空格？
寫出html提供的幾種空格實體（5種以上）
什麼是html的字符實體？版權符號代碼怎麼寫？
有使用過HTML5的拖放API嗎？說說你對它的理解
有用過HTML5的webSQL和IndexedDB嗎？說說你對它們的理解
src、href、link的區別是什麼？
有用地過WebGL嗎？說說你對它的理解
HTML5相對於HTML4有哪些優點？
你瞭解HTML5的download屬性嗎？
漸進式渲染是什麼？
HTML5中新添加的表單屬性有哪些？
你有了解HTML5的地理定位嗎？怎麼使用？
web workers有用過嗎？能幫咱們解決哪些問題？
From表單提交時爲何會刷新頁面？怎麼預防刷新？
Form表單是怎麼上傳文件的？你瞭解它的原理嗎？
Ajax與Flash的優缺點分別是什麼？
說說你對target="_blank"的理解？有啥安全性問題？如何防範？
說說你對WEB標準和W3C的理解與認識？
HTML5如何使用音頻和視頻？
頁面中怎麼嵌入Flash？有哪些方法？寫出來
xml與html有什麼區別？
說說video標籤中預加載視頻用到的屬性是什麼？
如何讓元素固定在頁面底部？有哪些比較好的實踐？
解釋下什麼是ISISO8859-2字符集？
webSocket怎麼作兼容處理？
html5都有哪些新的特性？移除了哪些元素？
title與h一、b與strong、i與em的區別分別是什麼？
說說你對cookie和session的理解
html5哪些標籤能夠優化SEO?
HTML與XHTML兩者有不一樣?
用一個div模擬textarea的實現
Standards模式和Quirks模式有什麼區別？
html和html5有什麼區別呢？
說說你對HTML元素的顯示優先級的理解
DOM和BOM有什麼區別？
網頁上的驗證碼是爲了解決什麼問題？說說你瞭解的驗證碼種類有哪些
說說你對<meta>標籤的理解
說說你對影子(Shadow)DOM的瞭解
解釋下你對GBK和UTF-8的理解？並說說頁面上產生亂碼的可能緣由
請說說<script>、<script async>和<script defer>的區別
說說你對屬性data-的理解
關於<form>標籤的enctype屬性你有哪些瞭解？
js放在html的<body>和<head>有什麼區別？
談談你對input元素中readonly和disabled屬性的理解
請描述HTML元素的顯示優先級
說說你對html中的置換元素和非置換元素的理解
怎樣在頁面上實現一個圓形的可點擊區域？
你認爲table的做用和優缺點是什麼呢？
元素的alt和title有什麼區別？
title與h1的區別、b與strong的區別、i與em的區別？
爲何HTML5只須要寫<!DOCTYPE HTML>就能夠？
html5中的form怎麼關閉自動完成？
常見的瀏覽器內核都有哪些？並介紹下你對內核的理解
你對標籤語義化的理解是什麼？
viewport常見設置都有哪些？
瀏覽器內多個標籤頁之間的通訊方式有哪些？
簡述下html5的離線儲存原理，同時說明如何使用？
iframe框架都有哪些優缺點？
label都有哪些做用？並舉相應的例子說明
簡述超連接target屬性的取值和做用
HTML5的文件離線儲存怎麼使用，工做原理是什麼？
HTML全局屬性(global attribute)有哪些（包含H5）？
html的元素有哪些（包含H5）？
頁面導入樣式時，使用link和@import有什麼區別？

css

請你解釋下什麼是浮動和它的工做原理是什麼？同時浮動會引發什麼問題？
說說你對!important的理解，通常在哪些場景使用？
在實際編寫css中你有遇到過哪些瀏覽器兼容性的問題？怎麼解決的？
怎麼改變選中文本的文字顏色和背景色？
你對響應式設計的理解是什麼？知道它基本的原理是嗎？要想兼容低版本的IE怎麼作呢？
你有使用過哪些柵格系統？都有什麼區別呢？
請說說*{box-sizing: border-box;}的做用及好處有哪些
說說你對jpg、png、gif的理解，分別在什麼場景下使用？有使用過webp嗎？
如何消除transition閃屏？
元素豎向的百分比設置是相對容器的高度嗎？
用CSS繪製一個紅色的愛心
舉例說明css中顏色的表示方法有幾種
說說position的absolute和fixed共同與不一樣點分別是什麼？
手動寫動畫最小時間間隔是多少，爲何？
怎樣把一個div居中？怎樣把一個浮動元素居中？怎樣把絕對定位的div居中？
用css畫一個太陽
你有用過哪些css框架？說說它們的特色
box-sizing經常使用的屬性有哪些？分別有什麼做用？
inline、block、inline-block這三個屬性值有什麼區別？
margin和padding使用的場景有哪些？
什麼是視差滾動？如何實現視差滾動的效果？
css3的:nth-child和:nth-of-type的區別是什麼？
怎麼使用自定義字體？有什麼注意事項？
要是position跟display、overflow、float這些特性相互疊加後會怎麼樣？
有用過Flex嗎？簡要說下你對它的瞭解
列舉CSS優化、提升性能的方法
假如設計稿使用了非標準的字體，你該如何去實現它？
你知道全屏滾動的原理是什麼嗎？它用到了CSS的那些屬性？
你是怎樣抽離樣式模塊的？
說說你對媒體查詢的理解
你知道的等高佈局有多少種？寫出來
手寫一個滿屏品字佈局的方案
span與span之間有看不見的空白間隔是什麼緣由引發的？有什麼解決辦法？
重置（初始化）css的做用是什麼？
怎麼讓英文單詞的首字母大寫？
怎麼才能讓圖文不可複製？
寫出你知道的CSS水平和垂直居中的方法
實現單行文本居中和多行文本左對齊並超出顯示"..."
不使用border畫出1px高的線，在不一樣瀏覽器的標準和怪異模式下都能保持效果同樣
寫出主流瀏覽器內核私有屬性的css前綴
使用flex實現三欄佈局，兩邊固定，中間自適應
瀏覽器是怎樣判斷元素是否和某個CSS選擇器匹配？
用CSS繪製一個三角形
說下line-height三種賦值方式有何區別？
讓網頁的字體變得清晰，變細用CSS怎麼作？
描述下你所瞭解的圖片格式及使用場景
rgba()和opacity這兩個的透明效果有什麼區別呢？
怎樣修改chrome記住密碼後自動填充表單的黃色背景？
說說你對z-index的理解
在頁面中的應該使用奇數仍是偶數的字體？爲何呢？
你有用過CSS預處理器嗎？喜歡用哪一個？原理是什麼？
說說CSS的優先級是如何計算的？
說說瀏覽器解析CSS選擇器的過程？
說說你對line-height是如何理解的？
要讓Chrome支持小於12px的文字怎麼作？
css的屬性content有什麼做用呢？有哪些場景能夠用到？
什麼是FOUC？你是如何避免FOUC的？
解釋下 CSS sprites的原理和優缺點分別是什麼？
請描述margin邊界疊加是什麼及解決方案
style標籤寫在body前和body後的區別是什麼？
position:fixed;在ios下無效該怎麼辦？
::before和:after中單冒號和雙冒號的區別是什麼，這兩個僞元素有什麼做用？
說說你對css盒子模型的理解
css經常使用的佈局方式有哪些？
對比下px、em、rem有什麼不一樣？
簡述下你理解的優雅降級和漸進加強
清除浮動的方式有哪些及優缺點？
簡述你對BFC規範的理解
用css建立一個三角形，並簡述原理
CSS3新增僞類有哪些並簡要描述
CSS選擇器有哪些？哪些屬性能夠繼承？
在頁面上隱藏元素的方法有哪些？
CSS3有哪些新增的特性？
聖盃佈局和雙飛翼佈局的理解和區別，並用代碼實現

js

js中=、==、===三個的區別是什麼？並說明它們各自的工做過程
寫一個方法隨機生成指定位數的字符串
移動端點擊事件爲何會有延遲？有哪些方法能夠解決？
寫一個字符串重複的repeat函數
說說你對深淺拷貝的理解？並實現一個對數組和對象深拷貝的方法
Ajax請求中get和post方式有什麼區別呢？分別在哪些場景下使用？
說說你對base64的理解，它的使用場景有哪些？
formData主要是用來作什麼的？它的操做方法有哪些？
舉例子說說你對js隱式類型轉換的理解
請解釋下什麼是cookie隔離？爲何要隔離？如何隔離？
說說你對數據類型轉換的理解是什麼？類型轉換的方法有哪些？
如何讓(a==1 && a==2 && a==3)的值爲true，把"=="換成"==="後還能爲true嗎？
舉例子說明javascript的變量聲明提高和函數聲明提高
有用過HTML5的WebWork嗎？它主要解決了什麼問題？
寫一個方法獲取圖片的原始寬高
請實現一個flattenDeep函數，把多維數組扁平化
寫一個格式化金額的方法
請說下你對__proto__和prototype的理解
寫一個方法，使得sum(x)(y)和sum(x,y)返回的結果相同
JSONP的原理是什麼？解決什麼問題？
寫出4個使用this的典型例子
寫一個函數找出給定數組中的最大差值
document的load 和ready有什麼區別？
什麼是事件委託？它有什麼好處？能簡單的寫一個例子嗎？
字符串相連有哪些方式？哪一種最好？爲何？
請寫出一個函數求出N的階乘（即N!）
寫個還剩下多少天過年的倒計時
你對事件循環有了解嗎？說說看！
請說說你對事件冒泡機制的理解？
寫一個使兩個整數進行交換的方法（不能使用臨時變量）
寫出幾種建立對象的方式，並說說他們的區別是什麼？
深度克隆對象的方法有哪些，並把你認爲最好的寫出來
JQuery的源碼看過嗎？能不能簡單歸納一下它的實現原理？
window對象和document對象有幹什麼區別？
說說你對IIFE的理解
爲何會有跨域問題？怎麼解決跨域？
說說你對模塊化的理解
說說你對eval的理解
找到字符串中最長的單詞，並返回它的長度
請手寫一個幻燈片的效果
請你解釋一個爲何10.toFixed(10)會報錯？
請用canvas寫一個關於520浪漫表白的代碼
說說你對this的理解
形成內存泄漏的操做有哪些？
寫一個方法把0和1互轉（0置1，1置0）
寫一個方法判斷字符串是否爲迴文字符串
解釋下這段代碼的意思！
說說你對arguments的理解，它是數組嗎？
說說bind、call、apply的區別？並手寫實現一個bind的方法
寫一個判斷設備來源的方法
如何快速讓一個數組亂序，寫出來
0.1 + 0.二、0.1 + 0.3和0.1 * 0.2分別等於多少？並解釋下爲何？
你對new操做符的理解是什麼？手動實現一個new方法
寫一個方法驗證是否爲中文
寫一個驗證身份證號的方法
"attribute"和"property"有什麼不一樣？
你理解的"use strict";是什麼?使用它有什麼優缺點？
typeof('abc')和typeof 'abc'都是string, 那麼typeof是操做符仍是函數？
返回到頂部的方法有哪些？把其中一個方法出來
寫一個數組去重的方法（支持多維數組）
什麼是閉包？優缺點分別是什麼？
說說你對javascript的做用域的理解
寫一個獲取當前url查詢字符串中的參數的方法
簡要描述下JS有哪些內置的對象
簡要描述下什麼是回調函數並寫一個例子出來
寫一個加密字符串的方法
統計某一字符或字符串在另外一個字符串中出現的次數
寫一個去除製表符和換行符的方法
寫一個把字符串大小寫切換的方法
寫一個方法把下劃線命名轉成大駝峯命名
去除字符串中最後一個指定的字符
寫一個方法去掉字符串中的空格
用遞歸算法實現，數組長度爲5且元素的隨機數在2-32間不重複的值

軟技能

說說你作過讓你以爲最滿意的項目是什麼？爲何？
說下你對互聯網行業及前端技術發展趨勢的見解
說說你對RESTful的理解
你知道二維碼的原理是什麼嗎？要把android和ios的下載地址合成一個二維碼怎麼作呢？
作了這麼多年開發，說說你最大的感悟是什麼？
本地git與遠程倉庫鏈接的方式有哪些？
爲何瀏覽器會有兼容的問題呢？
js動畫和css動畫有什麼區別？
你以爲你本身最大的優勢和缺點分別是什麼？可否舉例說明一下？
若是面試官讓你說說下你的家庭？你會從哪些方面說呢？
最後若是技術面和HR面問你：你還有什麼問題嗎？你分別會問些什麼？
若是面試官讓你先自我介紹下，而後說下你的工做經歷，你該怎麼說？
說說什麼是設計模式，你最經常使用的設計模式有哪些？
說說你對同構和SSR的理解
知道IPV6是什麼嗎？說說它和IPV4的區別是什麼？
如何預防掉頭髮？
對於讓你接手一個你以爲很爛的老項目，你該怎麼辦？
對於5G的到來，你是怎麼看的？說說你的想法
說說你對瀏覽器的關鍵渲染路徑的理解
說說你對域名收斂和域名發散的理解？分別在什麼場景下使用？
網站被劫持植入廣告該怎麼辦？如何防止？
和你的上級領導意見不一致時你該怎麼辦？
有用過本地存儲嗎？有什麼限制？有沒有考慮過超出了限制怎麼辦？
說說你對CDN的理解，使用過程當中有沒有遇到過問題？
你寫文檔通常用什麼工具？Markdown有用過嗎？
說說你對http、https的理解
你有遇到過字體侵權的事嗎？如何解決？
最近996一詞很火，談談你對996的見解
若是HR說要作背調，還要你給出近三個月的銀行流水，你該怎麼辦？
說說你對本項目的見解及建議
從你的角度上來說，你以爲如何管理前端團隊？
說說你對http、https、http2的理解
最近在學什麼？能談談你將來3，5年給本身的規劃嗎？
你如今在團隊是什麼角色，有起到了什麼顯著的做用嗎？
你有本身的博客嗎？平時本身有寫一些技術文章嗎？
說說你對NodeJs的理解及用途
公鑰加密和私鑰加密是什麼？
你知道網頁三劍客指的是什麼嗎？你有用過Dreamwear嗎？
若是讓你快速使用一門你不熟悉的新技術，你該怎麼辦？
對於前端安全，你瞭解多少？說說你對XSS和CSRF的理解
談一談你知道的前端性能優化方案有哪些？
你瞭解什麼是技術債務嗎？
你對全棧工程師的理解是什麼？
你在上一家公司工做流程是怎麼樣的，如何與其餘人協做的？是怎樣跨部門合做的？
對於有壓力時，你是怎麼抗壓的？
解釋下CRLF是什麼？
在瀏覽器中輸入url到頁面顯示出來的過程發生了什麼？
你爲何離職呢？
你對Git的branch及工做流的理解是什麼？
說說你工做中遇到過比較難的技術問題是什麼？是如何解決的？
你經歷過老闆要求兼容IE嗎？IE幾？有什麼感悟？
說說一件或幾件（介紹下除了工做外）你以爲能爲你面試加分的事
前端工程師這個職位你是怎麼樣理解的？聊聊它的前景？
來講說你對重繪和重排的理解，以及如何優化？
你會手寫原生js代碼嗎？
最近都流行些什麼？你常常會瀏覽哪些網站？
你如何看待團建的？大家團建通常都怎麼實施？
說說你對SVN和GIT的理解和區別
你在的公司有沒有作代碼審查（CodeReview）？若是有是怎麼作的？若是沒有你以爲應該怎麼作才更好？
對於加班你是怎麼看的？
你最喜歡用哪些編輯器？喜歡它的理由是什麼？
http都有哪些狀態碼？

交流討論

項目地址： github.com/haizlin/fe-…前端

相關文章

相關標籤/搜索

前端面試總結

前端面試題

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。

最新文章

本站公眾號

歡迎關注本站公眾號,獲取更多信息

相關文章

>>更多相關文章<<