《論語》，曾子曰：“吾日三省吾身”（我每天多次反省自己）段审。
前端面試每日3+1題全蝶，以面試題來驅(qū)動學(xué)習(xí)缤沦，每天進步一點烈掠！
讓努力成為一種習(xí)慣，讓奮斗成為一種享受卸例！
相信 堅持 的力量＠焉痢Ｊ嘉！
- 學(xué)習(xí)不打烊甘畅，充電加油只為遇到更好的自己埂蕊，365天無節(jié)假日，每天早上5點純手工發(fā)布面試題（死磕自己疏唾，愉悅大家）蓄氧。
- 希望大家在這浮夸的前端圈里，保持冷靜槐脏，堅持每天花20分鐘來學(xué)習(xí)與思考喉童。
- 在這千變?nèi)f化，類庫層出不窮的前端顿天，建議大家不要等到找工作時堂氯，才狂刷題，提倡每日學(xué)習(xí)Ｅ品稀（不忘初心咽白，html、css鸟缕、javascript才是基石＞Э颉）
- 歡迎大家到Issues交流，鼓勵PR懂从，感謝Star授段，大家有啥好的建議可以加我微信一起交流討論！
希望大家每日去學(xué)習(xí)與思考番甩，這才達到來這里的目的Ｇ止蟆！Ｔ笛Α（不要為了誰而來窍育，要為自己而來？馈）
html
- 寫個例子說明HTML5在移動端如何打開APP？
- 請寫出喚醒拔打電話蔫骂、發(fā)送郵件么翰、發(fā)送短信的例子
- HTML5如果不寫
<! DOCTYPE html>牺汤，頁面還會正常工作么辽旋？ - html直接輸入多個空格為什么只能顯示一個空格？
- 寫出html提供的幾種空格實體（5種以上）
- 什么是html的字符實體檐迟？版權(quán)符號代碼怎么寫补胚？
- 有使用過HTML5的拖放API嗎？說說你對它的理解
- 有用過HTML5的webSQL和IndexedDB嗎追迟？說說你對它們的理解
- src溶其、href、link的區(qū)別是什么敦间？
- 有用地過WebGL嗎瓶逃？說說你對它的理解
- HTML5相對于HTML4有哪些優(yōu)勢？
- 你了解HTML5的download屬性嗎廓块？
- 漸進式渲染是什么厢绝？
- HTML5中新添加的表單屬性有哪些？
- 你有了解HTML5的地理定位嗎带猴？怎么使用昔汉？
- web workers有用過嗎？能幫我們解決哪些問題拴清？
- From表單提交時為什么會刷新頁面靶病？怎么預(yù)防刷新？
- Form表單是怎么上傳文件的口予？你了解它的原理嗎娄周？
- Ajax與Flash的優(yōu)缺點分別是什么？
- 說說你對target="_blank"的理解沪停？有啥安全性問題煤辨？如何防范？
- 說說你對WEB標準和W3C的理解與認識牙甫？
- HTML5如何使用音頻和視頻掷酗？
- 頁面中怎么嵌入Flash？有哪些方法窟哺？寫出來
- xml與html有什么區(qū)別泻轰？
- 說說video標簽中預(yù)加載視頻用到的屬性是什么？
- 如何讓元素固定在頁面底部且轨？有哪些比較好的實踐浮声？
- 解釋下什么是ISISO8859-2字符集虚婿？
- webSocket怎么做兼容處理？
- html5都有哪些新的特性泳挥？移除了哪些元素然痊？
- title與h1、b與strong屉符、i與em的區(qū)別分別是什么剧浸？
- 說說你對cookie和session的理解
- html5哪些標簽可以優(yōu)化SEO?
- HTML與XHTML二者有不同?
- 用一個div模擬textarea的實現(xiàn)
- Standards模式和Quirks模式有什么區(qū)別？
- html和html5有什么區(qū)別呢矗钟？
- 說說你對HTML元素的顯示優(yōu)先級的理解
- DOM和BOM有什么區(qū)別唆香？
- 網(wǎng)頁上的驗證碼是為了解決什么問題？說說你了解的驗證碼種類有哪些
- 說說你對
<meta>標簽的理解 - 說說你對影子(Shadow)DOM的了解
- 解釋下你對GBK和UTF-8的理解吨艇？并說說頁面上產(chǎn)生亂碼的可能原因
- 請說說
<script>躬它、<script async>和<script defer>的區(qū)別 - 說說你對屬性data-的理解
- 關(guān)于
<form>標簽的enctype屬性你有哪些了解？ - js放在html的
<body>和<head>有什么區(qū)別东涡？ - 談?wù)勀銓nput元素中readonly和disabled屬性的理解
- 請描述HTML元素的顯示優(yōu)先級
- 說說你對html中的置換元素和非置換元素的理解
- 怎樣在頁面上實現(xiàn)一個圓形的可點擊區(qū)域冯吓？
- 你認為table的作用和優(yōu)缺點是什么呢？
- 元素的alt和title有什么區(qū)別疮跑？
- title與h1的區(qū)別组贺、b與strong的區(qū)別、i與em的區(qū)別祸挪？
- 為什么HTML5只需要寫
<!DOCTYPE HTML>就可以锣披？ - html5中的form怎么關(guān)閉自動完成？
- 常見的瀏覽器內(nèi)核都有哪些贿条？并介紹下你對內(nèi)核的理解
- 你對標簽語義化的理解是什么雹仿？
- viewport常見設(shè)置都有哪些？
- 瀏覽器內(nèi)多個標簽頁之間的通信方式有哪些整以？
- 簡述下html5的離線儲存原理胧辽，同時說明如何使用？
- iframe框架都有哪些優(yōu)缺點公黑？
- label都有哪些作用邑商？并舉相應(yīng)的例子說明
- 簡述超鏈接target屬性的取值和作用
- HTML5的文件離線儲存怎么使用，工作原理是什么凡蚜？
- HTML全局屬性(global attribute)有哪些（包含H5）人断？
- html的元素有哪些（包含H5）？
- 頁面導(dǎo)入樣式時朝蜘，使用link和@import有什么區(qū)別恶迈？
css
- 說說你對jpg、png谱醇、gif的理解暇仲，分別在什么場景下使用步做？有使用過webp嗎？
- 如何消除transition閃屏奈附？
- 元素豎向的百分比設(shè)置是相對容器的高度嗎全度？
- 用CSS繪制一個紅色的愛心
- 舉例說明css中顏色的表示方法有幾種
- 說說position的absolute和fixed共同與不同點分別是什么？
- 手動寫動畫最小時間間隔是多少斥滤，為什么将鸵？
- 怎樣把一個div居中？怎樣把一個浮動元素居中中跌？怎樣把絕對定位的div居中咨堤？
- 用css畫一個太陽
- 你有用過哪些css框架菇篡？說說它們的特點
- box-sizing常用的屬性有哪些漩符？分別有什么作用？
- inline驱还、block嗜暴、inline-block這三個屬性值有什么區(qū)別？
- margin和padding使用的場景有哪些议蟆？
- 什么是視差滾動闷沥？如何實現(xiàn)視差滾動的效果？
- css3的:nth-child和:nth-of-type的區(qū)別是什么咐容？
- 怎么使用自定義字體舆逃？有什么注意事項？
- 要是position跟display戳粒、overflow路狮、float這些特性相互疊加后會怎么樣？
- 有用過Flex嗎蔚约？簡要說下你對它的了解
- 列舉CSS優(yōu)化奄妨、提高性能的方法
- 假如設(shè)計稿使用了非標準的字體，你該如何去實現(xiàn)它苹祟？
- 你知道全屏滾動的原理是什么嗎砸抛？它用到了CSS的那些屬性？
- 你是怎樣抽離樣式模塊的树枫？
- 說說你對媒體查詢的理解
- 你知道的等高布局有多少種直焙？寫出來
- 手寫一個滿屏品字布局的方案
- span與span之間有看不見的空白間隔是什么原因引起的？有什么解決辦法砂轻？
- 重置（初始化）css的作用是什么奔誓？
- 怎么讓英文單詞的首字母大寫？
- 怎么才能讓圖文不可復(fù)制舔清？
- 寫出你知道的CSS水平和垂直居中的方法
- 實現(xiàn)單行文本居中和多行文本左對齊并超出顯示"..."
- 不使用border畫出1px高的線丝里，在不同瀏覽器的標準和怪異模式下都能保持效果一樣
- 寫出主流瀏覽器內(nèi)核私有屬性的css前綴
- 使用flex實現(xiàn)三欄布局曲初，兩邊固定，中間自適應(yīng)
- 瀏覽器是怎樣判斷元素是否和某個CSS選擇器匹配杯聚？
- 用CSS繪制一個三角形
- 說下line-height三種賦值方式有何區(qū)別臼婆？
- 讓網(wǎng)頁的字體變得清晰，變細用CSS怎么做幌绍？
- 描述下你所了解的圖片格式及使用場景
- rgba()和opacity這兩個的透明效果有什么區(qū)別呢颁褂？
- 怎樣修改chrome記住密碼后自動填充表單的黃色背景？
- 說說你對z-index的理解
- 在頁面中的應(yīng)該使用奇數(shù)還是偶數(shù)的字體傀广？為什么呢颁独？
- 你有用過CSS預(yù)處理器嗎伪冰？喜歡用哪個誓酒？原理是什么？
- 說說CSS的優(yōu)先級是如何計算的贮聂？
- 說說瀏覽器解析CSS選擇器的過程靠柑？
- 說說你對line-height是如何理解的？
- 要讓Chrome支持小于12px的文字怎么做吓懈？
- css的屬性content有什么作用呢歼冰？有哪些場景可以用到？
- 什么是FOUC耻警？你是如何避免FOUC的隔嫡？
- 解釋下 CSS sprites的原理和優(yōu)缺點分別是什么？
- 請描述margin邊界疊加是什么及解決方案
- style標簽寫在body前和body后的區(qū)別是什么甘穿？
- position:fixed;在ios下無效該怎么辦腮恩？
- ::before和:after中單冒號和雙冒號的區(qū)別是什么，這兩個偽元素有什么作用扒磁？
- 說說你對css盒子模型的理解
- css常用的布局方式有哪些庆揪？
- 對比下px、em妨托、rem有什么不同缸榛？
- 簡述下你理解的優(yōu)雅降級和漸進增強
- 清除浮動的方式有哪些及優(yōu)缺點？
- 簡述你對BFC規(guī)范的理解
- 用css創(chuàng)建一個三角形兰伤，并簡述原理
- CSS3新增偽類有哪些并簡要描述
- CSS選擇器有哪些内颗？哪些屬性可以繼承？
- 在頁面上隱藏元素的方法有哪些敦腔？
- CSS3有哪些新增的特性均澳？
- 圣杯布局和雙飛翼布局的理解和區(qū)別，并用代碼實現(xiàn)
js
- formData主要是用來做什么的？它的操作方法有哪些找前？
- 舉例子說說你對js隱式類型轉(zhuǎn)換的理解
- 請解釋下什么是cookie隔離糟袁？為什么要隔離？如何隔離躺盛？
- 說說你對數(shù)據(jù)類型轉(zhuǎn)換的理解是什么项戴？類型轉(zhuǎn)換的方法有哪些？
- 如何讓(a==1 && a==2 && a==3)的值為true槽惫，把"=="換成"==="后還能為true嗎周叮？
- 舉例子說明javascript的變量聲明提升和函數(shù)聲明提升
- 有用過HTML5的WebWork嗎？它主要解決了什么問題界斜？
- 寫一個方法獲取圖片的原始寬高
- 請實現(xiàn)一個flattenDeep函數(shù)仿耽，把多維數(shù)組扁平化
- 寫一個格式化金額的方法
- 請說下你對proto和prototype的理解
- 寫一個方法，使得sum(x)(y)和sum(x,y)返回的結(jié)果相同
- JSONP的原理是什么各薇？解決什么問題项贺？
- 寫出4個使用this的典型例子
- 寫一個函數(shù)找出給定數(shù)組中的最大差值
- document的load 和ready有什么區(qū)別？
- 什么是事件委托得糜？它有什么好處敬扛？能簡單的寫一個例子嗎？
- 字符串相連有哪些方式朝抖？哪種最好？為什么谍珊？
- 請寫出一個函數(shù)求出N的階乘（即N!）
- 寫個還剩下多少天過年的倒計時
- 你對事件循環(huán)有了解嗎治宣？說說看！
- 請說說你對事件冒泡機制的理解砌滞？
- 寫一個使兩個整數(shù)進行交換的方法（不能使用臨時變量）
- 寫出幾種創(chuàng)建對象的方式侮邀，并說說他們的區(qū)別是什么？
- 深度克隆對象的方法有哪些贝润，并把你認為最好的寫出來
- JQuery的源碼看過嗎绊茧？能不能簡單概括一下它的實現(xiàn)原理？
- window對象和document對象有干什么區(qū)別打掘？
- 說說你對IIFE的理解
- 為什么會有跨域問題华畏？怎么解決跨域？
- 說說你對模塊化的理解
- 說說你對eval的理解
- 找到字符串中最長的單詞尊蚁，并返回它的長度
- 請手寫一個幻燈片的效果
- 請你解釋一個為什么10.toFixed(10)會報錯亡笑？
- 請用canvas寫一個關(guān)于520浪漫表白的代碼
- 說說你對this的理解
- 造成內(nèi)存泄漏的操作有哪些？
- 寫一個方法把0和1互轉(zhuǎn)（0置1横朋，1置0）
- 寫一個方法判斷字符串是否為回文字符串
- 解釋下這段代碼的意思仑乌！
- 說說你對arguments的理解，它是數(shù)組嗎？
- 說說bind晰甚、call衙传、apply的區(qū)別？并手寫實現(xiàn)一個bind的方法
- 寫一個判斷設(shè)備來源的方法
- 如何快速讓一個數(shù)組亂序厕九，寫出來
- 0.1 + 0.2粪牲、0.1 + 0.3和0.1 * 0.2分別等于多少？并解釋下為什么止剖？
- 你對new操作符的理解是什么腺阳？手動實現(xiàn)一個new方法
- 寫一個方法驗證是否為中文
- 寫一個驗證身份證號的方法
- "attribute"和"property"有什么不同？
- 你理解的"use strict";是什么?使用它有什么優(yōu)缺點穿香？
- typeof('abc')和typeof 'abc'都是string, 那么typeof是操作符還是函數(shù)亭引？
- 返回到頂部的方法有哪些？把其中一個方法出來
- 寫一個數(shù)組去重的方法（支持多維數(shù)組）
- 什么是閉包皮获？優(yōu)缺點分別是什么焙蚓？
- 說說你對javascript的作用域的理解
- 寫一個獲取當(dāng)前url查詢字符串中的參數(shù)的方法
- 簡要描述下JS有哪些內(nèi)置的對象
- 簡要描述下什么是回調(diào)函數(shù)并寫一個例子出來
- 寫一個加密字符串的方法
- 統(tǒng)計某一字符或字符串在另一個字符串中出現(xiàn)的次數(shù)
- 寫一個去除制表符和換行符的方法
- 寫一個把字符串大小寫切換的方法
- 寫一個方法把下劃線命名轉(zhuǎn)成大駝峰命名
- 去除字符串中最后一個指定的字符
- 寫一個方法去掉字符串中的空格
- 用遞歸算法實現(xiàn)，數(shù)組長度為5且元素的隨機數(shù)在2-32間不重復(fù)的值
軟技能
- js動畫和css動畫有什么區(qū)別洒宝？
- 你覺得你自己最大的優(yōu)點和缺點分別是什么购公？能否舉例說明一下？
- 如果面試官讓你說說下你的家庭雁歌？你會從哪些方面說呢宏浩？
- 最后如果技術(shù)面和HR面問你：你還有什么問題嗎？你分別會問些什么靠瞎？
- 如果面試官讓你先自我介紹下比庄，然后說下你的工作經(jīng)歷，你該怎么說乏盐？
- 說說什么是設(shè)計模式佳窑，你最常用的設(shè)計模式有哪些？
- 說說你對同構(gòu)和SSR的理解
- 知道IPV6是什么嗎父能？說說它和IPV4的區(qū)別是什么神凑？
- 如何預(yù)防掉頭發(fā)？
- 對于讓你接手一個你覺得很爛的老項目何吝，你該怎么辦溉委？
- 對于5G的到來，你是怎么看的岔霸？說說你的想法
- 說說你對瀏覽器的關(guān)鍵渲染路徑的理解
- 說說你對域名收斂和域名發(fā)散的理解薛躬？分別在什么場景下使用？
- 網(wǎng)站被劫持植入廣告該怎么辦呆细？如何防止型宝？
- 和你的上級領(lǐng)導(dǎo)意見不一致時你該怎么辦八匠？
- 有用過本地存儲嗎？有什么限制趴酣？有沒有考慮過超出了限制怎么辦梨树？
- 說說你對CDN的理解，使用過程中有沒有遇到過問題岖寞？
- 你寫文檔一般用什么工具抡四？Markdown有用過嗎？
- 說說你對http仗谆、https的理解
- 你有遇到過字體侵權(quán)的事嗎指巡？如何解決？
- 最近996一詞很火隶垮，談?wù)勀銓?96的看法
- 如果HR說要做背調(diào)藻雪，還要你給出近三個月的銀行流水，你該怎么辦狸吞？
- 說說你對本項目的看法及建議
- 從你的角度上來講勉耀，你覺得如何管理前端團隊？
- 說說你對http蹋偏、https便斥、http2的理解
- 最近在學(xué)什么？能談?wù)勀阄磥?威始，5年給自己的規(guī)劃嗎枢纠？
- 你現(xiàn)在在團隊是什么角色，有起到了什么顯著的作用嗎字逗？
- 你有自己的博客嗎京郑？平時自己有寫一些技術(shù)文章嗎？
- 說說你對NodeJs的理解及用途
- 公鑰加密和私鑰加密是什么葫掉？
- 你知道網(wǎng)頁三劍客指的是什么嗎？你有用過Dreamwear嗎跟狱？
- 如果讓你快速使用一門你不熟悉的新技術(shù)俭厚，你該怎么辦？
- 對于前端安全驶臊，你了解多少挪挤？說說你對XSS和CSRF的理解
- 談一談你知道的前端性能優(yōu)化方案有哪些？
- 你了解什么是技術(shù)債務(wù)嗎关翎？
- 你對全棧工程師的理解是什么扛门？
- 你在上一家公司工作流程是怎么樣的，如何與其他人協(xié)作的纵寝？是怎樣跨部門合作的论寨？
- 對于有壓力時，你是怎么抗壓的？
- 解釋下CRLF是什么葬凳？
- 在瀏覽器中輸入url到頁面顯示出來的過程發(fā)生了什么绰垂？
- 你為什么離職呢？
- 你對Git的branch及工作流的理解是什么火焰？
- 說說你工作中遇到過比較難的技術(shù)問題是什么劲装？是如何解決的？
- 你經(jīng)歷過老板要求兼容IE嗎昌简？IE幾占业？有什么感悟？
- 說說一件或幾件（介紹下除了工作外）你覺得能為你面試加分的事
- 前端工程師這個職位你是怎么樣理解的纯赎？聊聊它的前景谦疾？
- 來說說你對重繪和重排的理解，以及如何優(yōu)化址否？
- 你會手寫原生js代碼嗎餐蔬？
- 最近都流行些什么？你經(jīng)常會瀏覽哪些網(wǎng)站佑附？
- 你如何看待團建的樊诺？你們團建一般都怎么實施？
- 說說你對SVN和GIT的理解和區(qū)別
- 你在的公司有沒有做代碼審查（CodeReview）音同？如果有是怎么做的词爬？如果沒有你覺得應(yīng)該怎么做才更好？
- 對于加班你是怎么看的权均？
- 你最喜歡用哪些編輯器顿膨？喜歡它的理由是什么？
- http都有哪些狀態(tài)碼叽赊？
交流討論
歡迎大家前來討論恋沃，如果覺得對你的學(xué)習(xí)有一定的幫助，歡迎點個Star, 同時歡迎加入 “前端面試每日3+1” 微信群（掃個人微信號邀請入群）相互交流必指。
[圖片上傳失敗...(image-c5aea1-1561239808957)]
