前端面試每日3+1（周彙總2019.07.14）
《論語》，曾子曰：「吾日三省吾身」（我天天屢次檢討本身）。
前端面試每日3+1題，以面試題來驅動學習，天天進步一點！
讓努力成爲一種習慣，讓奮鬥成爲一種享受！ 相信 堅持 的力量！！！javascript
- 學習不打烊，充電加油只爲遇到更好的本身，365天無節假日，天天早上5點純手工發佈面試題（死磕本身，愉悅你們）。
- 但願你們在這浮誇的前端圈裏，保持冷靜，堅持天天花20分鐘來學習與思考。
- 在這變幻無窮，類庫層出不窮的前端，建議你們不要等到找工做時，才狂刷題，提倡每日學習！（不忘初心，html、css、javascript纔是基石！）
- 歡迎你們到Issues交流，鼓勵PR，感謝Star，你們有啥好的建議能夠加我微信一塊兒交流討論！
但願你們每日去學習與思考，這才達到來這裏的目的！！！（不要爲了誰而來，要爲本身而來！）css
html
- a標籤的href和onclick屬性同時存在時哪一個先觸發？
- 怎麼使用HTML5來獲取定位？定位不許怎麼解決？
- 舉例說明如何原樣輸出HTML代碼，不被瀏覽器解析？
- 舉例說明你對HTML5的ruby標籤的理解，都有哪些應用場景？
- iframe的使用場景有哪些？
- a標籤下的href="javascript:void(0)"起到了什麼做用？說說你對javascript:void(0)的理解？
- 在新窗口打開連接的方法是什麼？那怎麼設置全站連接都在新窗口打開？
- 用HTML5實現手機搖一搖功能你有作過嗎？你知道它的原理嗎？
- 你有用過HTML5的Device API嗎？說說它都有哪些應用場景？
- 簡述下HTML的快捷鍵屬性是哪一個？並舉例說明有什麼用？
- HTML5的應用程序緩存與瀏覽器緩存有什麼不一樣？
- 你有用過HTML5中的datalist標籤嗎？說說你對它的理解
- 說說你對HTML5的img標籤屬性srcset和sizes的理解？都有哪些應用場景？
- HTML5如何識別語音讀出的內容和朗讀指定的內容？
- 移動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
- 外層有一個自適應高度的div，裏面有兩個div，一個高度固定300px，另外一個怎麼填滿剩餘的高度？
- 說說你對CSS樣式覆蓋規則的理解
- 寫出幾個初始化CSS的樣式，並解釋說明爲何要這樣寫
- display有哪些值？分別說明他們的做用是什麼？
- 怎麼讓body高度自適應屏幕？爲何？
- font-style的屬性有Italic和oblique，二者有什麼區別呢?
- IE(6/7/8/9/10/11/Edge)下的hack寫法分別有哪些？
- 寫出你遇到過IE6/7/8/9的BUG及解決方法
- 舉例說明css的基本語句構成是什麼呢？
- 寫例子說明如何強制（自動）中、英文換行與不換行
- 說說你對BEM規範的理解，同時舉例說明常見的CSS規範有哪些？
- 遇到overflow: scroll不能平滑滾動怎麼解決？
- 請問display:inline-block在何時會顯示間隙？
- 用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
function test(){
return test;
}
new test() instanceof test;
複製代碼
- 請寫一個sleep（暫停）函數
- 把Script標籤放在頁面最底部的
</body>以前和以後有什麼區別？瀏覽器會如何解析它們？ - js延遲加載的方式有哪些？
- 請描述你對瀏覽器同源策略的理解
- 舉例說明js如何實現繼承？
- 用js實現一個九九乘法口訣表
- 在js中怎麼捕獲異常？寫出來看看？應該在哪些場景下采用呢？
- 舉例說明什麼是decodeURI()和encodeURI()是什麼？
- 舉例說明什麼是IIFEs？它有什麼好處？
- 舉例說明數組和對象的迭代方法分別有哪些？
- 請快速答出此題的答案並解釋：var x, y = 1; x + y = ?
- 說說instanceof和typeof的實現原理並本身模擬實現一個instanceof
- 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間不重複的值
軟技能
- 說說你對robots文件的理解，它有什麼做用？
- 說說你對hosts文件的理解，它都有哪些做用？
- 你日常都看哪些方面的書？你看書的方法是怎樣的？
- Git的reset和revert有什麼區別？它們分別適用於什麼場景？
- 你平時開發是用mac仍是windows系統？至少舉三個例子說明二者的區別？
- 刷新和強制刷新有什麼區別？說說你對二者的理解
- 你會抓https和移動端的包嗎？分別描述下這兩種包要怎麼抓？
- 說下你平時是怎麼自學的？怎麼安排時間的？
- 你申請的這個職位，你以爲你還欠缺什麼呢？
- 你知道什麼是websocket嗎？它有什麼應用場景？
- 一個項目寫不少的純靜態頁面，有公共的部分（例如頭和尾）你是怎麼提取公用的？
- 你有使用過JWT嗎？說說你對它的理解
- 你會抓包嗎？都有用過哪些抓包工具？
- 你對web服務器軟件有了解嗎？都使用過哪些？各有哪些優缺點呢？
- 說說你作過讓你以爲最滿意的項目是什麼？爲何？
- 說下你對互聯網行業及前端技術發展趨勢的見解
- 說說你對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都有哪些狀態碼？
交流討論
歡迎你們前來討論，若是以爲對你的學習有必定的幫助，歡迎點個Star, 同時歡迎加入 「前端面試每日3+1」 微信羣（掃我的微信號邀請入羣）相互交流。html
相關文章
- 1. 前端面試每日3+1（周彙總2020.03.01）
- 2. 前端面試每日3+1（周彙總2019.11.17）
- 3. 前端面試每日3+1（周彙總2019.08.11）
- 4. 前端面試每日3+1（周彙總2019.07.28）
- 5. 前端面試每日3+1（周彙總2019.06.16）
- 6. 前端面試每日3+1（周彙總2020.01.05）
- 7. 前端面試每日3+1（周彙總2019.06.30）
- 8. 前端面試每日3+1（周彙總2019.12.29）
- 9. 前端面試每日3+1（周彙總2019.05.12）
- 10. 前端面試每日3+1（周彙總2019.07.21）
- 更多相關文章...
- • Docker 資源彙總 - Docker教程
- • Web 詞彙表 - 網站建設指南
- • 使用阿里雲OSS+CDN部署前端頁面與加速靜態資源
- • 使用Rxjava計算圓周率
相關標籤/搜索
每日一句
-
每一个你不满意的现在，都有一个你没有努力的曾经。
歡迎關注本站公眾號,獲取更多信息
