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