《論語》母廷，曾子曰：“吾日三省吾身”（我每天多次反省自己）轻黑。
前端面試每日3+1題，以面試題來驅(qū)動(dòng)學(xué)習(xí)琴昆，每天進(jìn)步一點(diǎn)氓鄙！
讓努力成為一種習(xí)慣，讓奮斗成為一種享受业舍！
相信 堅(jiān)持 的力量６独埂！舷暮！
項(xiàng)目地址： 前端面試每日3+1
【推薦】歡迎跟 jsliang 一起折騰前端态罪，系統(tǒng)整理前端知識，目前正在折騰 LeetCode下面，打算打通算法與數(shù)據(jù)結(jié)構(gòu)的任督二脈复颈。GitHub 地址
- 學(xué)習(xí)不打烊，充電加油只為遇到更好的自己沥割，365天無節(jié)假日耗啦，每天早上5點(diǎn)純手工發(fā)布面試題（死磕自己，愉悅大家）机杜。
- 希望大家在這浮夸的前端圈里帜讲，保持冷靜，堅(jiān)持每天花20分鐘來學(xué)習(xí)與思考椒拗。
- 在這千變?nèi)f化似将，類庫層出不窮的前端获黔，建議大家不要等到找工作時(shí)，才狂刷題玩郊，提倡每日學(xué)習(xí)Ｖ础（不忘初心，html译红、css预茄、javascript才是基石！）
- 歡迎大家到Issues交流侦厚，鼓勵(lì)PR耻陕，感謝Star，大家有啥好的建議可以加我微信一起交流討論刨沦！
希望大家每日去學(xué)習(xí)與思考诗宣，這才達(dá)到來這里的目的！Ｏ胱纭Ｕ倥印（不要為了誰而來，要為自己而來＠雌啤）
html
- 寫出以下幾個(gè)HTML標(biāo)簽：字體篮灼、居中、文字加粗徘禁、下標(biāo)
- HTML5標(biāo)準(zhǔn)提供了哪些新的API诅诱？你有用過哪些？
- 使用HTML5需要遵守哪些設(shè)計(jì)原則送朱？
- 有使用過svg嗎娘荡？請用svg畫一個(gè)圓
- 請說說你對ISISO8859-2字符集的認(rèn)識
- 請描述下元素的href和src有什么區(qū)別？
- 舉例說明你對ol和ul標(biāo)簽的區(qū)別驶沼？它們的運(yùn)用場景分別是什么呢炮沐？
- a標(biāo)簽的href和onclick屬性同時(shí)存在時(shí)哪個(gè)先觸發(fā)？
- 怎么使用HTML5來獲取定位回怜？定位不準(zhǔn)怎么解決央拖？
- 舉例說明如何原樣輸出HTML代碼，不被瀏覽器解析鹉戚？
- 舉例說明你對HTML5的ruby標(biāo)簽的理解，都有哪些應(yīng)用場景专控？
- iframe的使用場景有哪些抹凳？
- a標(biāo)簽下的href="javascript:void(0)"起到了什么作用？說說你對javascript:void(0)的理解伦腐？
- 在新窗口打開鏈接的方法是什么赢底？那怎么設(shè)置全站鏈接都在新窗口打開？
- 用HTML5實(shí)現(xiàn)手機(jī)搖一搖功能你有做過嗎？你知道它的原理嗎幸冻？
- 你有用過HTML5的Device API嗎粹庞？說說它都有哪些應(yīng)用場景？
- 簡述下HTML的快捷鍵屬性是哪個(gè)洽损？并舉例說明有什么用庞溜？
- HTML5的應(yīng)用程序緩存與瀏覽器緩存有什么不同？
- 你有用過HTML5中的datalist標(biāo)簽嗎碑定？說說你對它的理解
- 說說你對HTML5的img標(biāo)簽屬性srcset和sizes的理解流码？都有哪些應(yīng)用場景？
- HTML5如何識別語音讀出的內(nèi)容和朗讀指定的內(nèi)容延刘？
- 移動(dòng)web頁面如何自動(dòng)探測電話號碼漫试？
- 在a標(biāo)簽上的四個(gè)偽類執(zhí)行順序是什么？
- favicon.ico有什么作用碘赖？怎么在頁面中引用驾荣？常用尺寸有哪些？可以修改后綴名嗎普泡？
- video和audio分別支持哪些格式钦睡？
- 怎么在IE8及以下實(shí)現(xiàn)HTML5的兼容？
- html的a標(biāo)簽屬性rel='nofollow'有什么作用乐疆？
- 怎樣禁止表單記住密碼自動(dòng)填充样眠？
- 寫個(gè)例子說明HTML5在移動(dòng)端如何打開APP？
- 請寫出喚醒拔打電話权烧、發(fā)送郵件眯亦、發(fā)送短信的例子
- HTML5如果不寫
<! DOCTYPE html>，頁面還會正常工作么般码？ - html直接輸入多個(gè)空格為什么只能顯示一個(gè)空格妻率？
- 寫出html提供的幾種空格實(shí)體（5種以上）
- 什么是html的字符實(shí)體？版權(quán)符號代碼怎么寫板祝？
- 有使用過HTML5的拖放API嗎宫静？說說你對它的理解
- 有用過HTML5的webSQL和IndexedDB嗎？說說你對它們的理解
- src券时、href孤里、link的區(qū)別是什么？
- 有用過WebGL嗎橘洞？說說你對它的理解
- HTML5相對于HTML4有哪些優(yōu)勢捌袜？
- 你了解HTML5的download屬性嗎？
- 漸進(jìn)式渲染是什么炸枣？
- HTML5中新添加的表單屬性有哪些虏等？
- 你有了解HTML5的地理定位嗎弄唧？怎么使用？
- web workers有用過嗎霍衫？能幫我們解決哪些問題候引？
- From表單提交時(shí)為什么會刷新頁面？怎么預(yù)防刷新敦跌？
- Form表單是怎么上傳文件的澄干？你了解它的原理嗎？
- Ajax與Flash的優(yōu)缺點(diǎn)分別是什么峰髓？
- 說說你對target="_blank"的理解傻寂？有啥安全性問題？如何防范携兵？
- 說說你對WEB標(biāo)準(zhǔn)和W3C的理解與認(rèn)識疾掰？
- HTML5如何使用音頻和視頻？
- 頁面中怎么嵌入Flash徐紧？有哪些方法静檬？寫出來
- xml與html有什么區(qū)別？
- 說說video標(biāo)簽中預(yù)加載視頻用到的屬性是什么并级？
- 如何讓元素固定在頁面底部拂檩？有哪些比較好的實(shí)踐？
- 解釋下什么是ISISO8859-2字符集嘲碧？
- webSocket怎么做兼容處理稻励？
- html5都有哪些新的特性？移除了哪些元素愈涩？
- title與h1望抽、b與strong、i與em的區(qū)別分別是什么履婉？
- 說說你對cookie和session的理解
- html5哪些標(biāo)簽可以優(yōu)化SEO?
- HTML與XHTML二者有不同?
- 用一個(gè)div模擬textarea的實(shí)現(xiàn)
- Standards模式和Quirks模式有什么區(qū)別煤篙？
- html和html5有什么區(qū)別呢？
- 說說你對HTML元素的顯示優(yōu)先級的理解
- DOM和BOM有什么區(qū)別毁腿？
- 網(wǎng)頁上的驗(yàn)證碼是為了解決什么問題辑奈？說說你了解的驗(yàn)證碼種類有哪些
- 說說你對
<meta>標(biāo)簽的理解 - 說說你對影子(Shadow)DOM的了解
- 解釋下你對GBK和UTF-8的理解？并說說頁面上產(chǎn)生亂碼的可能原因
- 請說說
<script>已烤、<script async>和<script defer>的區(qū)別 - 說說你對屬性data-的理解
- 關(guān)于
<form>標(biāo)簽的enctype屬性你有哪些了解鸠窗？ - js放在html的
<body>和<head>有什么區(qū)別？ - 談?wù)勀銓nput元素中readonly和disabled屬性的理解
- 請描述HTML元素的顯示優(yōu)先級
- 說說你對html中的置換元素和非置換元素的理解
- 怎樣在頁面上實(shí)現(xiàn)一個(gè)圓形的可點(diǎn)擊區(qū)域胯究？
- 你認(rèn)為table的作用和優(yōu)缺點(diǎn)是什么呢塌鸯？
- 元素的alt和title有什么區(qū)別？
- title與h1的區(qū)別唐片、b與strong的區(qū)別丙猬、i與em的區(qū)別？
- 為什么HTML5只需要寫
<!DOCTYPE HTML>就可以费韭？ - html5中的form怎么關(guān)閉自動(dòng)完成茧球？
- 常見的瀏覽器內(nèi)核都有哪些？并介紹下你對內(nèi)核的理解
- 你對標(biāo)簽語義化的理解是什么星持？
- viewport常見設(shè)置都有哪些抢埋？
- 瀏覽器內(nèi)多個(gè)標(biāo)簽頁之間的通信方式有哪些？
- 簡述下html5的離線儲存原理督暂，同時(shí)說明如何使用揪垄？
- iframe框架都有哪些優(yōu)缺點(diǎn)？
- label都有哪些作用逻翁？并舉相應(yīng)的例子說明
- 簡述超鏈接target屬性的取值和作用
- HTML5的文件離線儲存怎么使用饥努，工作原理是什么？
- HTML全局屬性(global attribute)有哪些（包含H5）八回？
- html的元素有哪些（包含H5）酷愧？
- 頁面導(dǎo)入樣式時(shí)，使用link和@import有什么區(qū)別缠诅？
css
- 行內(nèi)css和important哪個(gè)優(yōu)先級高溶浴？
- 當(dāng)一個(gè)元素被設(shè)置為浮動(dòng)后，它的display值變?yōu)槭裁茨兀?/a>
- 為什么會出現(xiàn)浮動(dòng)管引？在什么時(shí)候需要清除浮動(dòng)呢士败？
- 寫出div在不固定高度的情況下水平垂直居中的方法？
- 移動(dòng)端的布局用過媒體查詢嗎褥伴？寫出例子看看
- CSS的偽類和偽對象有什么不同谅将？
- CSS的overflow屬性定義溢出元素內(nèi)容區(qū)的內(nèi)容會如何處理呢?
- 外層有一個(gè)自適應(yīng)高度的div，里面有兩個(gè)div噩翠，一個(gè)高度固定300px戏自，另一個(gè)怎么填滿剩余的高度？
- 說說你對CSS樣式覆蓋規(guī)則的理解
- 寫出幾個(gè)初始化CSS的樣式伤锚，并解釋說明為什么要這樣寫
- display有哪些值擅笔？分別說明他們的作用是什么？
- 怎么讓body高度自適應(yīng)屏幕屯援？為什么猛们？
- font-style的屬性有Italic和oblique，兩者有什么區(qū)別呢?
- IE(6/7/8/9/10/11/Edge)下的hack寫法分別有哪些狞洋？
- 寫出你遇到過IE6/7/8/9的BUG及解決方法
- 舉例說明css的基本語句構(gòu)成是什么呢弯淘？
- 寫例子說明如何強(qiáng)制（自動(dòng)）中、英文換行與不換行
- 說說你對BEM規(guī)范的理解吉懊，同時(shí)舉例說明常見的CSS規(guī)范有哪些庐橙？
- 遇到overflow: scroll不能平滑滾動(dòng)怎么解決假勿？
- 請問display:inline-block在什么時(shí)候會顯示間隙？
- 用CSS畫出一個(gè)任意角度的扇形态鳖，可以寫多種實(shí)現(xiàn)的方法
- 請你解釋下什么是浮動(dòng)和它的工作原理是什么转培？同時(shí)浮動(dòng)會引起什么問題？
- 說說你對!important的理解浆竭，一般在哪些場景使用浸须？
- 在實(shí)際編寫css中你有遇到過哪些瀏覽器兼容性的問題？怎么解決的邦泄？
- 怎么改變選中文本的文字顏色和背景色删窒？
- 你對響應(yīng)式設(shè)計(jì)的理解是什么？知道它基本的原理是嗎顺囊？要想兼容低版本的IE怎么做呢肌索？
- 你有使用過哪些柵格系統(tǒng)？都有什么區(qū)別呢包蓝？
- 請說說
*{box-sizing: border-box;}的作用及好處有哪些 - 說說你對jpg驶社、png、gif的理解测萎，分別在什么場景下使用亡电？有使用過webp嗎？
- 如何消除transition閃屏硅瞧？
- 元素豎向的百分比設(shè)置是相對容器的高度嗎份乒？
- 用CSS繪制一個(gè)紅色的愛心
- 舉例說明css中顏色的表示方法有幾種
- 說說position的absolute和fixed共同與不同點(diǎn)分別是什么腕唧？
- 手動(dòng)寫動(dòng)畫最小時(shí)間間隔是多少或辖，為什么？
- 怎樣把一個(gè)div居中枣接？怎樣把一個(gè)浮動(dòng)元素居中颂暇？怎樣把絕對定位的div居中？
- 用css畫一個(gè)太陽
- 你有用過哪些css框架但惶？說說它們的特點(diǎn)
- box-sizing常用的屬性有哪些耳鸯？分別有什么作用？
- inline膀曾、block县爬、inline-block這三個(gè)屬性值有什么區(qū)別？
- margin和padding使用的場景有哪些添谊？
- 什么是視差滾動(dòng)财喳？如何實(shí)現(xiàn)視差滾動(dòng)的效果？
- css3的:nth-child和:nth-of-type的區(qū)別是什么？
- 怎么使用自定義字體耳高？有什么注意事項(xiàng)扎瓶？
- 要是position跟display、overflow祝高、float這些特性相互疊加后會怎么樣栗弟？
- 有用過Flex嗎？簡要說下你對它的了解
- 列舉CSS優(yōu)化工闺、提高性能的方法
- 假如設(shè)計(jì)稿使用了非標(biāo)準(zhǔn)的字體，你該如何去實(shí)現(xiàn)它瓣蛀？
- 你知道全屏滾動(dòng)的原理是什么嗎陆蟆？它用到了CSS的哪些屬性？
- 你是怎樣抽離樣式模塊的惋增？
- 說說你對媒體查詢的理解
- 你知道的等高布局有多少種叠殷？寫出來
- 手寫一個(gè)滿屏品字布局的方案
- span與span之間有看不見的空白間隔是什么原因引起的？有什么解決辦法诈皿？
- 重置（初始化）css的作用是什么林束？
- 怎么讓英文單詞的首字母大寫？
- 怎么才能讓圖文不可復(fù)制稽亏？
- 寫出你知道的CSS水平和垂直居中的方法
- 實(shí)現(xiàn)單行文本居中和多行文本左對齊并超出顯示"..."
- 不使用border畫出1px高的線壶冒，在不同瀏覽器的標(biāo)準(zhǔn)和怪異模式下都能保持效果一樣
- 寫出主流瀏覽器內(nèi)核私有屬性的css前綴
- 使用flex實(shí)現(xiàn)三欄布局，兩邊固定截歉，中間自適應(yīng)
- 瀏覽器是怎樣判斷元素是否和某個(gè)CSS選擇器匹配胖腾？
- 用CSS繪制一個(gè)三角形
- 說下line-height三種賦值方式有何區(qū)別？
- 讓網(wǎng)頁的字體變得清晰瘪松，變細(xì)用CSS怎么做咸作？
- 描述下你所了解的圖片格式及使用場景
- rgba()和opacity這兩個(gè)的透明效果有什么區(qū)別呢？
- 怎樣修改chrome記住密碼后自動(dòng)填充表單的黃色背景宵睦？
- 說說你對z-index的理解
- 在頁面中的應(yīng)該使用奇數(shù)還是偶數(shù)的字體记罚？為什么呢？
- 你有用過CSS預(yù)處理器嗎壳嚎？喜歡用哪個(gè)桐智？原理是什么？
- 說說CSS的優(yōu)先級是如何計(jì)算的诬辈？
- 說說瀏覽器解析CSS選擇器的過程酵使？
- 說說你對line-height是如何理解的？
- 要讓Chrome支持小于12px的文字怎么做焙糟？
- css的屬性content有什么作用呢口渔？有哪些場景可以用到？
- 什么是FOUC穿撮？你是如何避免FOUC的缺脉？
- 解釋下 CSS sprites的原理和優(yōu)缺點(diǎn)分別是什么痪欲？
- 請描述margin邊界疊加是什么及解決方案
- style標(biāo)簽寫在body前和body后的區(qū)別是什么？
- position:fixed;在ios下無效該怎么辦攻礼？
- ::before和:after中單冒號和雙冒號的區(qū)別是什么业踢，這兩個(gè)偽元素有什么作用？
- 說說你對css盒子模型的理解
- css常用的布局方式有哪些礁扮？
- 對比下px知举、em、rem有什么不同太伊？
- 簡述下你理解的優(yōu)雅降級和漸進(jìn)增強(qiáng)
- 清除浮動(dòng)的方式有哪些及優(yōu)缺點(diǎn)雇锡？
- 簡述你對BFC規(guī)范的理解
- 用css創(chuàng)建一個(gè)三角形，并簡述原理
- CSS3新增偽類有哪些并簡要描述
- CSS選擇器有哪些僚焦？哪些屬性可以繼承锰提？
- 在頁面上隱藏元素的方法有哪些？
- CSS3有哪些新增的特性芳悲？
- 圣杯布局和雙飛翼布局的理解和區(qū)別立肘，并用代碼實(shí)現(xiàn)
js
- 要實(shí)現(xiàn)一個(gè)js的持續(xù)動(dòng)畫，你有什么比較好的方法名扛？
- 分別寫出數(shù)組的交集谅年、并集、差集罢洲、補(bǔ)集這四個(gè)方法
- 用js寫出死循環(huán)的方法有哪些踢故？
- js的函數(shù)有哪幾種調(diào)用形式？
- 解釋下為什么
{} + [] === 0為true惹苗？ - 請描述下null和undefined的區(qū)別是什么殿较？這兩者分別運(yùn)用在什么場景？
- 寫個(gè)方法隨機(jī)打亂一個(gè)數(shù)組
- js異步加載有哪些方案桩蓉？
- 判斷instanceof的結(jié)果并解釋原因 [代碼]
function test(){
return test;
}
new test() instanceof test;
- 請寫一個(gè)sleep（暫停）函數(shù)
- 把Script標(biāo)簽放在頁面最底部的
</body>之前和之后有什么區(qū)別淋纲？瀏覽器會如何解析它們？ - js延遲加載的方式有哪些院究？
- 請描述你對瀏覽器同源策略的理解
- 舉例說明js如何實(shí)現(xiàn)繼承洽瞬？
- 用js實(shí)現(xiàn)一個(gè)九九乘法口訣表
- 在js中怎么捕獲異常？寫出來看看业汰？應(yīng)該在哪些場景下采用呢伙窃？
- 舉例說明什么是decodeURI()和encodeURI()是什么？
- 舉例說明什么是IIFEs样漆？它有什么好處为障？
- 舉例說明數(shù)組和對象的迭代方法分別有哪些？
- 請快速答出此題的答案并解釋：var x, y = 1; x + y = ?
- 說說instanceof和typeof的實(shí)現(xiàn)原理并自己模擬實(shí)現(xiàn)一個(gè)instanceof
- js中=、==鳍怨、===三個(gè)的區(qū)別是什么呻右？并說明它們各自的工作過程
- 寫一個(gè)方法隨機(jī)生成指定位數(shù)的字符串
- 移動(dòng)端點(diǎn)擊事件為什么會有延遲？有哪些方法可以解決鞋喇？
- 寫一個(gè)字符串重復(fù)的repeat函數(shù)
- 說說你對深淺拷貝的理解声滥？并實(shí)現(xiàn)一個(gè)對數(shù)組和對象深拷貝的方法
- Ajax請求中g(shù)et和post方式有什么區(qū)別呢？分別在哪些場景下使用侦香？
- 說說你對base64的理解落塑，它的使用場景有哪些？
- formData主要是用來做什么的罐韩？它的操作方法有哪些芜赌？
- 舉例子說說你對js隱式類型轉(zhuǎn)換的理解
- 請解釋下什么是cookie隔離？為什么要隔離伴逸？如何隔離？
- 說說你對數(shù)據(jù)類型轉(zhuǎn)換的理解是什么膘壶？類型轉(zhuǎn)換的方法有哪些错蝴？
- 如何讓(a==1 && a==2 && a==3)的值為true，把"=="換成"==="后還能為true嗎颓芭？
- 舉例子說明javascript的變量聲明提升和函數(shù)聲明提升
- 有用過HTML5的WebWork嗎顷锰？它主要解決了什么問題？
- 寫一個(gè)方法獲取圖片的原始寬高
- 請實(shí)現(xiàn)一個(gè)flattenDeep函數(shù)亡问，把多維數(shù)組扁平化
- 寫一個(gè)格式化金額的方法
- 請說下你對proto和prototype的理解
- 寫一個(gè)方法官紫，使得sum(x)(y)和sum(x,y)返回的結(jié)果相同
- JSONP的原理是什么？解決什么問題州藕？
- 寫出4個(gè)使用this的典型例子
- 寫一個(gè)函數(shù)找出給定數(shù)組中的最大差值
- document的load 和ready有什么區(qū)別束世？
- 什么是事件委托？它有什么好處床玻？能簡單的寫一個(gè)例子嗎毁涉？
- 字符串相連有哪些方式？哪種最好锈死？為什么贫堰？
- 請寫出一個(gè)函數(shù)求出N的階乘（即N!）
- 寫個(gè)還剩下多少天過年的倒計(jì)時(shí)
- 你對事件循環(huán)有了解嗎？說說看待牵！
- 請說說你對事件冒泡機(jī)制的理解其屏？
- 寫一個(gè)使兩個(gè)整數(shù)進(jìn)行交換的方法（不能使用臨時(shí)變量）
- 寫出幾種創(chuàng)建對象的方式，并說說他們的區(qū)別是什么缨该？
- 深度克隆對象的方法有哪些偎行，并把你認(rèn)為最好的寫出來
- JQuery的源碼看過嗎？能不能簡單概括一下它的實(shí)現(xiàn)原理？
- window對象和document對象有什么區(qū)別睦优？
- 說說你對IIFE的理解
- 為什么會有跨域問題渗常？怎么解決跨域？
- 說說你對模塊化的理解
- 說說你對eval的理解
- 找到字符串中最長的單詞汗盘，并返回它的長度
- 請手寫一個(gè)幻燈片的效果
- 請你解釋一個(gè)為什么10.toFixed(10)會報(bào)錯(cuò)皱碘？
- 請用canvas寫一個(gè)關(guān)于520浪漫表白的代碼
- 說說你對this的理解
- 造成內(nèi)存泄漏的操作有哪些？
- 寫一個(gè)方法把0和1互轉(zhuǎn)（0置1隐孽，1置0）
- 寫一個(gè)方法判斷字符串是否為回文字符串
- 寫一個(gè)獲取數(shù)組的最大值癌椿、最小值的方法
- 解釋下這段代碼的意思！
- 說說你對arguments的理解菱阵，它是數(shù)組嗎踢俄？
- 說說bind、call晴及、apply的區(qū)別都办？并手寫實(shí)現(xiàn)一個(gè)bind的方法
- 寫一個(gè)判斷設(shè)備來源的方法
- 如何快速讓一個(gè)數(shù)組亂序，寫出來
- 0.1 + 0.2虑稼、0.1 + 0.3和0.1 * 0.2分別等于多少琳钉？并解釋下為什么？
- 你對new操作符的理解是什么蛛倦？手動(dòng)實(shí)現(xiàn)一個(gè)new方法
- 寫一個(gè)方法驗(yàn)證是否為中文
- 寫一個(gè)驗(yàn)證身份證號的方法
- "attribute"和"property"有什么不同歌懒？
- 你理解的"use strict";是什么?使用它有什么優(yōu)缺點(diǎn)？
- typeof('abc')和typeof 'abc'都是string, 那么typeof是操作符還是函數(shù)溯壶？
- 返回到頂部的方法有哪些及皂？把其中一個(gè)方法出來
- 寫一個(gè)數(shù)組去重的方法（支持多維數(shù)組）
- 什么是閉包？優(yōu)缺點(diǎn)分別是什么且改？
- 說說你對javascript的作用域的理解
- 寫一個(gè)獲取當(dāng)前url查詢字符串中的參數(shù)的方法
- 簡要描述下JS有哪些內(nèi)置的對象
- 簡要描述下什么是回調(diào)函數(shù)并寫一個(gè)例子出來
- 寫一個(gè)加密字符串的方法
- 統(tǒng)計(jì)某一字符或字符串在另一個(gè)字符串中出現(xiàn)的次數(shù)
- 寫一個(gè)去除制表符和換行符的方法
- 寫一個(gè)把字符串大小寫切換的方法
- 寫一個(gè)方法把下劃線命名轉(zhuǎn)成大駝峰命名
- 去除字符串中最后一個(gè)指定的字符
- 寫一個(gè)方法去掉字符串中的空格
- 用遞歸算法實(shí)現(xiàn)验烧，數(shù)組長度為5且元素的隨機(jī)數(shù)在2-32間不重復(fù)的值
軟技能
- 說說你對Git的branch, diff, merge的理解？
- 你知道什么是圖片防盜鏈嗎钾虐？防盜鏈怎么實(shí)現(xiàn)呢噪窘？說說你的方法
- 說說你對emojig表情的理解，前端如何處理emoji表情效扫？它的運(yùn)用場景有哪些倔监？
- 簡要描述下什么是DNS？它有什么用菌仁？
- 瀏覽器在什么情況下會出現(xiàn)“已攔截彈窗式窗口”浩习？怎么解決？
- 你所在的團(tuán)隊(duì)有規(guī)范嗎济丘？舉例說明都定義了哪些規(guī)范谱秽？
- 當(dāng)項(xiàng)目準(zhǔn)備上線前洽蛀，你有做過哪些性能優(yōu)化嗎？
- 說說你對robots文件的理解疟赊，它有什么作用郊供？
- 說說你對hosts文件的理解，它都有哪些作用近哟？
- 你平常都看哪些方面的書驮审？你看書的方法是怎樣的？
- Git的reset和revert有什么區(qū)別吉执？它們分別適用于什么場景疯淫？
- 你平時(shí)開發(fā)是用mac還是windows系統(tǒng)？至少舉三個(gè)例子說明兩者的區(qū)別戳玫？
- 刷新和強(qiáng)制刷新有什么區(qū)別熙掺？說說你對兩者的理解
- 你會抓https和移動(dòng)端的包嗎？分別描述下這兩種包要怎么抓咕宿？
- 說下你平時(shí)是怎么自學(xué)的币绩？怎么安排時(shí)間的？
- 你申請的這個(gè)職位府阀，你覺得你還欠缺什么呢类浪？
- 你知道什么是websocket嗎？它有什么應(yīng)用場景肌似？
- 一個(gè)項(xiàng)目寫很多的純靜態(tài)頁面，有公共的部分（例如頭和尾）你是怎么提取公用的诉瓦？
- 你有使用過JWT嗎川队？說說你對它的理解
- 你會抓包嗎？都有用過哪些抓包工具睬澡？
- 你對web服務(wù)器軟件有了解嗎固额？都使用過哪些？各有哪些優(yōu)缺點(diǎn)呢煞聪？
- 說說你做過讓你覺得最滿意的項(xiàng)目是什么斗躏？為什么？
- 說下你對互聯(lián)網(wǎng)行業(yè)及前端技術(shù)發(fā)展趨勢的看法
- 說說你對RESTful的理解
- 你知道二維碼的原理是什么嗎昔脯？要把a(bǔ)ndroid和ios的下載地址合成一個(gè)二維碼怎么做呢啄糙？
- 做了這么多年開發(fā)，說說你最大的感悟是什么云稚？
- 本地git與遠(yuǎn)程倉庫連接的方式有哪些隧饼？
- 為什么瀏覽器會有兼容的問題呢？
- js動(dòng)畫和css動(dòng)畫有什么區(qū)別静陈？
- 你覺得你自己最大的優(yōu)點(diǎn)和缺點(diǎn)分別是什么燕雁？能否舉例說明一下诞丽？
- 如果面試官讓你說說下你的家庭？你會從哪些方面說呢拐格？
- 最后如果技術(shù)面和HR面問你：你還有什么問題嗎僧免？你分別會問些什么？
- 如果面試官讓你先自我介紹下捏浊，然后說下你的工作經(jīng)歷懂衩，你該怎么說？
- 說說什么是設(shè)計(jì)模式呛伴，你最常用的設(shè)計(jì)模式有哪些勃痴？
- 說說你對同構(gòu)和SSR的理解
- 知道IPV6是什么嗎？說說它和IPV4的區(qū)別是什么热康？
- 如何預(yù)防掉頭發(fā)沛申？
- 對于讓你接手一個(gè)你覺得很爛的老項(xiàng)目，你該怎么辦姐军？
- 對于5G的到來铁材，你是怎么看的？說說你的想法
- 說說你對瀏覽器的關(guān)鍵渲染路徑的理解
- 說說你對域名收斂和域名發(fā)散的理解奕锌？分別在什么場景下使用著觉？
- 網(wǎng)站被劫持植入廣告該怎么辦？如何防止惊暴？
- 和你的上級領(lǐng)導(dǎo)意見不一致時(shí)你該怎么辦饼丘？
- 有用過本地存儲嗎？有什么限制辽话？有沒有考慮過超出了限制怎么辦肄鸽？
- 說說你對CDN的理解，使用過程中有沒有遇到過問題油啤？
- 你寫文檔一般用什么工具典徘？Markdown有用過嗎？
- 說說你對http益咬、https的理解
- 你有遇到過字體侵權(quán)的事嗎逮诲？如何解決？
- 最近996一詞很火幽告，談?wù)勀銓?96的看法
- 如果HR說要做背調(diào)梅鹦，還要你給出近三個(gè)月的銀行流水，你該怎么辦冗锁？
- 說說你對本項(xiàng)目的看法及建議
- 從你的角度上來講帘瞭，你覺得如何管理前端團(tuán)隊(duì)？
- 說說你對http蒿讥、https蝶念、http2的理解
- 最近在學(xué)什么抛腕？能談?wù)勀阄磥?，5年給自己的規(guī)劃嗎媒殉？
- 你現(xiàn)在在團(tuán)隊(duì)是什么角色担敌，有起到了什么顯著的作用嗎？
- 你有自己的博客嗎廷蓉？平時(shí)自己有寫一些技術(shù)文章嗎全封？
- 說說你對NodeJs的理解及用途
- 公鑰加密和私鑰加密是什么？
- 你知道網(wǎng)頁三劍客指的是什么嗎桃犬？你有用過Dreamwear嗎刹悴？
- 如果讓你快速使用一門你不熟悉的新技術(shù)，你該怎么辦攒暇？
- 對于前端安全土匀，你了解多少？說說你對XSS和CSRF的理解
- 談一談你知道的前端性能優(yōu)化方案有哪些形用？
- 你了解什么是技術(shù)債務(wù)嗎就轧？
- 你對全棧工程師的理解是什么？
- 你在上一家公司工作流程是怎么樣的田度，如何與其他人協(xié)作的妒御？是怎樣跨部門合作的？
- 對于有壓力時(shí)镇饺，你是怎么抗壓的乎莉？
- 解釋下CRLF是什么？
- 在瀏覽器中輸入url到頁面顯示出來的過程發(fā)生了什么奸笤？
- 你為什么離職呢梦鉴？
- 你對Git的branch及工作流的理解是什么？
- 說說你工作中遇到過比較難的技術(shù)問題是什么揭保？是如何解決的？
- 你經(jīng)歷過老板要求兼容IE嗎魄宏？IE幾秸侣？有什么感悟？
- 說說一件或幾件（介紹下除了工作外）你覺得能為你面試加分的事
- 前端工程師這個(gè)職位你是怎么樣理解的宠互？聊聊它的前景味榛？
- 來說說你對重繪和重排的理解，以及如何優(yōu)化予跌？
- 你會手寫原生js代碼嗎搏色？
- 最近都流行些什么？你經(jīng)常會瀏覽哪些網(wǎng)站券册？
- 你如何看待團(tuán)建的频轿？你們團(tuán)建一般都怎么實(shí)施垂涯？
- 說說你對SVN和GIT的理解和區(qū)別
- 你在的公司有沒有做代碼審查（CodeReview）？如果有是怎么做的航邢？如果沒有你覺得應(yīng)該怎么做才更好耕赘？
- 對于加班你是怎么看的？
- 你最喜歡用哪些編輯器？喜歡它的理由是什么？
- http都有哪些狀態(tài)碼闪朱？
交流討論
項(xiàng)目地址： 前端面試每日3+1
