【乾貨分享】前端面試知識點錦集05（目錄篇）

5、目錄篇
1、HTML部分
一、瀏覽器頁面有哪三層構成，分別是什麼，做用是什麼?
二、HTML5的優勢與缺點？
三、Doctype做用? 嚴格模式與混雜模式如何區分？它們有何意義?
四、HTML5有哪些新特性、移除了哪些元素？
五、你作的網頁在哪些流覽器測試過,這些瀏覽器的內核分別是什麼?
六、每一個HTML文件裏開頭都有個很重要的東西，Doctype，知道這是幹什麼的嗎？
七、說說你對HTML5認識?（是什麼,爲何）
八、對WEB標準以及W3C的理解與認識?
九、HTML5行內元素有哪些,塊級元素有哪些, 空元素有哪些?
十、什麼是WebGL,它有什麼優勢?
十一、請你描述一下 cookies，sessionStorage 和 localStorage 的區別?
十二、說說你對HTML語義化的理解?
1三、link和@import的區別?
1四、說說你對SVG理解?
1五、HTML全局屬性(global attribute)有哪些?
1六、說說超連接target屬性的取值和做用？
1七、data-屬性的做用是什麼？
1八、介紹一下你對瀏覽器內核的理解？
1九、常見的瀏覽器內核有哪些？
20、iframe有那些缺點？
2一、Label的做用是什麼，是怎麼用的？
2二、如何實現瀏覽器內多個標籤頁之間的通訊? 
2三、如何在頁面上實現一個圓形的可點擊區域？
2四、title與h1的區別、b與strong的區別、i與em的區別？
2五、實現不使用 border 畫出1px高的線，在不一樣瀏覽器的標準模式與怪異模式下都能保持一致的效果？
2六、HTML5標籤的做用?(用途)
2七、簡述一下src與href的區別？
2八、談談你對canvas的理解？
2九、WebSocket與消息推送？
30、img的title和alt有什麼區別？
3一、表單的基本組成部分有哪些，表單的主要用途是什麼？
3二、表單提交中Get和Post方式的區別？
3三、請你談談Cookie的弊端?
3四、請你說說cookie 和session 的區別?
3五、說說瀏覽器內核及差別？
2、CSS部分
一、解釋一下CSS的盒子模型？
二、請你說說CSS選擇器的類型有哪些，並舉幾個例子說明其用法？
三、請你說說CSS有什麼特殊性?（優先級、計算特殊值）
四、要動態改變層中內容可使用的方法？
五、常見瀏覽器兼容性問題與解決方案？
六、列出display的值並說明他們的做用？
七、如何居中div, 如何居中一個浮動元素?
八、CSS中 link 和@import 的區別是？
九、請列舉幾種清除浮動的方法(至少兩種)?
十、block，inline和inlinke-block細節對比？
十一、什麼叫優雅降級和漸進加強？
十二、說說浮動元素會引發的問題和你的解決辦法？
1三、你有哪些性能優化的方法？
1四、爲何要初始化CSS樣式？
1五、解釋下浮動和它的工做原理？清除浮動的技巧？
1六、CSS樣式表根據所在網頁的位置，可分爲哪幾種樣式表？
1七、談談你對CSS中刻度的認識？
1八、請你說說em與rem的區別？
1九、請你說說box-sizing屬性的的用法？
20、瀏覽器標準模式和怪異模式之間的區別是什麼？
2一、怪異Quirks模式是什麼，它和標準Standards模式有什麼區別？
2二、說說你對邊距摺疊的理解?
2三、內聯與塊級標籤有何區別？
2四、說說隱藏元素的方式有哪些？
2五、爲何重置瀏覽器默認樣式，如何重置默瀏覽器認樣式？
2六、談談你對BFC與IFC的理解？(是什麼，如何產生，做用)
2七、說說你對頁面中使用定位(position)的理解？
2八、如何解決多個元素重疊問題？
2九、頁面佈局的方式有哪些？
30、overfloa:hidden是否造成新的塊級格式化上下文？
3一、解釋下 CSS sprites，以及你要如何在頁面或網站中使用它？
3二、書寫高效 CSS 時會有哪些問題須要考慮？
3三、css sprite是什麼,有什麼優缺點？
3四、CSS 屬性是否區分大小寫？
3五、display: none與visibility: hidden的區別？
3六、PNG,GIF,JPG的區別及如何選擇?
3七、如何水平居中一個元素?
3八、position:absolute和float屬性的異同 ?
3九、介紹一下box-sizing屬性？
40、CSS3有哪些新特性？
4一、請你說一下你對Web Font的認識?
4二、請簡要說說CSS 預處理器與 CSS 後處理器？
4三、瀏覽器兼容包括哪些方面？兼容的通常標準是什麼?
4四、說說你對CSS Hack的理解?
4五、請簡要說說什麼是文檔模式 （X-UA-Compatible） ?
4六、請說說javascript兼容的含義？
4七、談談你對前端性能優化的認識?
4八、什麼是內容分發網絡（CDN）?
4九、請簡要說說CoffeeScript、TypeScript是什麼?
50、談談你對before、after僞元素的認識?
3、JavaScript部分
一、談談你對Ajax的理解？(概念、特色、做用)
二、說說你對延遲對象deferred的理解?
三、什麼是跨域，如何實現跨域訪問?
四、爲何要使用模板引擎？
五、JavaScript是一門什麼樣的語言，它有哪些特色？
六、JavaScript的數據類型有哪些？
七、已知ID的Input輸入框，如何獲取這個輸入框的輸入值？(不使用第三方框架)
八、根據你的理解,請簡述JavaScript腳本的執行原理?
九、DOM操做怎樣添加、移除、移動、複製、建立和查找節點?
十、說說你對json的理解?
十一、ionic和angularjs的區別?
十二、談談你對閉包的理解?
1三、談談你This對象的理解?
1四、JavaScript對象的幾種建立方式?
1五、get和post的區別,什麼時候使用post?
1六、null和undefined的區別？
1七、請寫出js內存泄漏的問題?
1八、哪些地方會出現css阻塞，哪些地方會出現js阻塞？
1九、對比Flash與ajax哪一個好,在使用中如何取捨？
20、請你解釋一下事件冒泡機制?
2一、請你說說split()與join() 函數的區別?
2二、說說你對Promise的理解?
2三、談談你對Javascript垃圾回收機制的理解？
2四、說說你對原型（prototype）理解?
2五、typeof與instanceof的區別是什麼？
2六、說說你對node.js的理解?
2七、NPM(包管理器)做用是什麼?
2八、請簡要說說你對Javascript面向對象的理解?
2九、你對JavaScript函數的理解是?
30、簡要說說什麼是IIFE？它有什麼做用?
3一、談談你對Function與Object的理解?
3二、$.extend與$.fn.extend區別是什麼?
3三、什麼是鏈式編程?
3四、請指出 JavaScript中的本地對象、內置對象、宿主對象的區別？
3五、請解釋一下變量聲明提高?
4、Others部分
技術類
一、http狀態碼有哪些？分別表明是什麼意思？
二、說說建立ajax的過程
三、一個頁面從輸入 URL 到頁面加載顯示完成，這個過程當中都發生了什麼？
四、說說你對網站重構的理解？
五、網頁驗證碼是幹嗎的，是爲了解決什麼安全問題。
六、請說出三種減小頁面加載時間的方法。
七、你有用過哪些前端性能優化的方案?
八、說說什麼是SQL注入？如何防止SQL注入？
九、說說XSS的原理及防範?
十、XSS與CSRF有什麼區別嗎？如何作到CSRF的防護?
十一、什麼是 "use strict"? 使用它的好處和壞處分別是什麼？
十二、eval是作什麼的？
1三、說說使用AJax有哪些好處和有哪些壞處?
1四、說說TCP傳輸的三次握手策略？
1五、談談你對性能優化問題的理解?
1六、HTTP request報文結構是怎樣的?
1七、說說網站前端網頁優化的14條原則是什麼?
1八、說說你對MVC的理解?
1九、若是網頁內容須要支持多語言，你會怎麼作？
20、如何優化網頁的打印樣式？
2一、說說你對哈希表的認識?
2二、什麼是Etag？
2三、說說棧和隊列的區別?
2四、說說棧和堆的區別？
2五、關於Http 2.0 你知道多少？
非技術類
一、對前端界面工程師這個職位是怎樣理解的？它的前景會怎麼樣？
二、若是經過此次面試咱們錄用了你,但工做一段時間卻發現你根本不適合這個職位,你怎麼辦?
三、若是讓你招聘一位新員工,你絕得你會最看重對方哪方面的資源?
四、平時如何管理你的項目？
五、說說你在將來的工做中處理事情的態度是什麼?
六、你有什麼愛好啊？有空的時候喜歡作什麼？
七、請給咱們談談你本身的一些狀況?
八、請談一下你對公司的見解，爲何你想來公司工做?
九、你認爲對你來講如今找一份工做是否是不太容易，或者你很須要這份工做?
十、請你談談對我單位的見解?
十一、以你的資歷條件，徹底能夠到大公司任職，你怎麼想到咱們小企業?
十二、你爲何但願到咱們公司工做?
1三、若是本公司錄用你，你最但願在哪一個部門工做?
1四、你願意被外派工做嗎?你願意常常出差嗎?
1五、我怎樣相信對這個職位你是最好的人選呢?
1六、你對咱們公司有多少了解?
1七、你談談選擇這份工做的動機?
1八、你家在外地，咱們單位無住宿，你如何看待呢?
1九、說說最近最流行的一些東西吧？常去哪些網站？
20、咱們不限定固定職位，你認爲本身最適合作什麼?
2一、你但願從事什麼樣的工做?
2二、你爲何要應聘咱們公司?
2三、你在之前實習的公司從事什麼樣的工做?
2四、爲什麼辭去原來的工做?
2五、請問你有什麼樣的工做觀?
2六、你是否能夠接受加班?
2七、你在學校裏學了哪些課程?這些課程對所應聘的工做有些什麼幫助?
2八、你的學習成績如何?
2九、請談一談你的弱點？
30、請談談你的優勢?
3一、你對本公司(或這份工做)有什麼見解嗎?
3二、你爲何要離開前一家單位?
3三、你有能力勝任應聘的職位嗎?
3四、在工做中你怎樣看待錯誤?
3五、你的計算機能力如何?
3六、你的外語水平如何?
3七、你從此打算是什麼?
3八、你爲何想要換工做?
3九、談一談你在過去工做中生活中遇到的問題，以及如何解決?
40、請談一下你指望的月薪要求？
4一、請問你還有問題要問嗎?
4二、請你自我介紹一下?
4三、你的座右銘是什麼？
4四、能談談你將來3，5年給本身的職業規劃嗎？
4五、你認爲怎樣纔是全端工程師(Full Stack developer)
4六、介紹一個你最得意的做品吧？
4七、項目中遇到什麼問題？如何解決？
4八、你在如今的團隊處於什麼樣的角色起到了什麼明顯的做用?
4九、假如分配給你一項任務,只有要求完成時間,沒有任何歷史文檔或相關資料,請問你要怎麼着手進行?
50、你能爲咱們作什麼？
博客數據來源聲明：
本博客大部分數據來源於各大網站的收集整理改編，主要有GitHub(https://github.com)、題來了(http://www.tilaile.com)、牛客網(https://www.nowcoder.com)、一些英文網站，還有一些論壇、博客、IT招聘等網站。還有少部分數據時來源於本人本身整理添加，添加的內容主要是本人認爲比較重要知識點，面試時可能會問到的題目，本身整理題目以及參考答案，答案僅供參考，答案可能存有錯誤或不足，歡迎你們批評指正或補充更好的答案。好讓我及時更正，以避免誤導其餘人。本博客僅提供參考做用。
轉載於猿2048:➸《【乾貨分享】前端面試知識點錦集05（目錄篇）》