web前端面試題大全

2022-12-24 19:48:05 字數 4988 閱讀 4645

1doctype作用?嚴格模式與混雜模式如何區分?它們有何意義?

html5 為什麼只需要寫 ?

行內元素有哪些?塊級元素有哪些? 空(void)元素有那些?

頁面匯入樣式時,使用link和@import有什麼區別?

介紹一下你對瀏覽器核心的理解?

常見的瀏覽器核心有哪些?

html5有哪些新特性、移除了那些元素?如何處理html5新標籤的瀏覽器相容問題?如何區分 html 和 html5?

簡述一下你對html語義化的理解?

html5的離線儲存怎麼使用,工作原理能不能解釋一下?

瀏覽器是怎麼對html5的離線儲存資源進行管理和載入的呢?

請描述一下 cookies,sessionstorage 和 localstorage 的區別?

iframe有那些缺點?

label的作用是什麼?是怎麼用的?(加 for 或包裹)

html5的form如何關閉自動完成功能?

如何實現瀏覽器內多個標籤頁之間的通訊? (阿里)

websocket如何相容低瀏覽器?(阿里)

頁面可見性(page visibility)api 可以有哪些用途?

如何在頁面上實現乙個圓形的可點選區域?

實現不使用 border 畫出1px高的線,在不同瀏覽器的quirksmode和csscompat模式下都能保持同一效果。

網頁驗證碼是幹嘛的,是為了解決什麼安全問題?

tite與h1的區別、b與strong的區別、i與em的區別?

介紹一下標準的css的盒子模型?與低版本ie的盒子模型有什麼不同的?

css選擇符有哪些?哪些屬性可以繼承?

css優先順序演算法如何計算?

css3新增偽類有那些?

如何居中div?如何居中乙個浮動元素?如何讓絕對定位的div居中?

display有哪些值?說明他們的作用。

position的值relative和absolute定位原點是?

css3有哪些新特性?

請解釋一下css3的flexbox(彈性盒布局模型),以及適用場景?

用純css建立乙個三角形的原理是什麼?

乙個滿屏品字布局如何設計?

常見相容性問題?

li與li之間有看不見的空白間隔是什麼原因引起的?有什麼解決辦法?

經常遇到的瀏覽器的相容性有哪些?原因,解決方法是什麼,常用hack的技巧 ?

為什麼要初始化css樣式。

absolute的containing block計算方式跟正常流有什麼不同?

css裡的visibility屬性有個collapse屬性值是幹嘛用的?在不同瀏覽器下以後什麼區別?

position跟display、margin collapse、overflow、float這些特性相互疊加後會怎麼樣?

對bfc規範(塊級格式化上下文:block formatting context)的理解?

css權重優先順序是如何計算的?

請解釋一下為什麼會出現浮動和什麼時候需要清除浮動?清除浮動的方式

移動端的布局用過**查詢嗎?

使用 css 預處理器嗎?喜歡那個?

css優化、提高效能的方法有哪些?

瀏覽器是怎樣解析css選擇器的?

在網頁中的應該使用奇數還是偶數的字型?為什麼呢?

margin和padding分別適合什麼場景使用?

抽離樣式模組怎麼寫,說出思路,有無實踐經驗?[阿里航旅的面試題]

元素豎向的百分比設定是相對於容器的高度嗎?

全屏滾動的原理是什麼?用到了css的那些屬性?

什麼是響應式設計?響應式設計的基本原理是什麼?如何相容低版本的ie?

視差滾動效果,如何給每頁做不同的動畫?(回到頂部,向下滑動要再次出現,和只出現一次分別怎麼做?)

::before 和 :after中雙冒號和單冒號有什麼區別?解釋一下這2個偽元素的作用。

如何修改chrome記住密碼後自動填充表單的黃色背景 ?

你對line-height是如何理解的?

設定元素浮動後,該元素的display值是多少?(自動變成display:block)

怎麼讓chrome支援小於12px 的文字?

讓頁面裡的字型變清晰,變細用css怎麼做?(-webkit-font-smoothing: antialiased;)

font-style屬性可以讓它賦值為「oblique」 oblique是什麼意思?

position:fixed;在android下無效怎麼處理?

如果需要手動寫動畫,你認為最小時間間隔是多久,為什麼?(阿里)

display:inline-block 什麼時候會顯示間隙?(攜程)

overflow: scroll時不能平滑滾動的問題怎麼處理?

有乙個高度自適應的div,裡面有兩個div,乙個高度100px,希望另乙個填滿剩下的高度。

png、jpg、gif 這些**格式解釋一下,分別什麼時候用。有沒有了解過webp?

什麼是cookie 隔離?(或者說:請求資源的時候不要讓它帶cookie怎麼做)

style標籤寫在body後與body前有什麼區別?

介紹j**ascript的基本資料型別。

說說寫j**ascript的基本規範?

j**ascript原型,原型鏈 ? 有什麼特點?

j**ascript有幾種型別的值?(堆:原始資料型別和棧:引用資料型別),你能畫一下他們的記憶體圖嗎?

j**ascript如何實現繼承?

j**ascript建立物件的幾種方式?

j**ascript作用鏈域?

談談this物件的理解。

eval是做什麼的?

什麼是window物件? 什麼是document物件?

null,undefined的區別?

寫乙個通用的事件偵聽器函式(機試題)。

["1", "2", "3"].map(parseint) 答案是多少?

關於事件,ie與火狐的事件機制有什麼區別? 如何阻止冒泡?

什麼是閉包(closure),為什麼要用它?

j**ascript **中的"use strict";是什麼意思 ? 使用它區別是什麼?

如何判斷乙個物件是否屬於某個類?

new操作符具體幹了什麼呢?

用原生j**ascript的實現過什麼功能嗎?

j**ascript中,有乙個函式,執行時物件查詢時,永遠不會去查詢原型,這個函式是?

對json的了解?

."*"),function(a))

// 能解釋一下這段**的意思嗎?

js延遲載入的方式有哪些?

ajax 是什麼? 如何建立乙個ajax?

同步和非同步的區別?

如何解決跨域問題?

頁面編碼和被請求的資源編碼如果不一致如何處理?

模組化開發怎麼做?

amd(modules/asynchronous-definition)、cmd(common module definition)規範區別?

requirejs的核心原理是什麼?(如何動態載入的?如何避免多次載入的?如何快取的?)

讓你自己設計實現乙個requirejs,你會怎麼做?

談一談你對ecmascript6的了解?

ecmascript6 怎麼寫class麼,為什麼會出現class這種東西?

非同步載入的方式有哪些?

和 innerhtml的區別?

dom操作——怎樣新增、移除、移動、複製、建立和查詢節點?

.call() 和 .apply() 的含義和區別?

陣列和物件有哪些原生方法,列舉一下?

js 怎麼實現乙個類。怎麼例項化這個類

j**ascript中的作用域與變數宣告提公升?

如何編寫高效能的j**ascript?

那些操作會造成記憶體洩漏?

jquery的原始碼看過嗎?能不能簡單概況一下它的實現原理?

的init方法返回的this指的是什麼物件?為什麼要返回this?

jquery中如何將陣列轉化為json字串,然後再轉化回來?

jquery 的屬性拷貝(extend)的實現原理是什麼,如何實現深拷貝?

與 的區別?

jquery 的佇列是如何實現的?佇列可以用在哪些地方?

談一下jquery中的bind(),live(),delegate(),on()的區別?

jquery乙個物件可以同時繫結多個事件,這是如何實現的?

是否知道自定義事件。jquery裡的fire函式是什麼意思,什麼時候用?

jquery 是通過哪個方法和 sizzle 選擇器結合的?(進入sizzle)

針對 jquery效能的優化方法?

jquery與jquery ui有啥區別?

jquery的原始碼看過嗎?能不能簡單說一下它的實現原理?

jquery 中如何將陣列轉化為json字串,然後再轉化回來?

jquery和zepto的區別?各自的使用場景?

針對 jquery 的優化方法?

zepto的點透問題如何解決?

jqueryui如何自定義元件?

需求:實現乙個頁面操作不會整頁重新整理的**,並且能在瀏覽器前進、後退時正確響應。給出你的技術實現方案?

如何判斷當前指令碼執行在瀏覽器還是node環境中?(阿里)

移動端最小觸控區域是多大?

jquery 的 slideup動畫 ,如果目標元素是被外部事件驅動, 當滑鼠快速地連續觸發外部元素事件, 動畫會滯後的反覆執行,該如何處理呢?

把 script 標籤放在頁面的最底部的body封閉之前和封閉之後有什麼區別?瀏覽器會如何解析它們?

移動端的點選事件的有延遲,時間是多久,為什麼會有? 怎麼解決這個延時?(click 有 300ms 延遲,為了實現safari的雙擊事件的設計,瀏覽器要知道你是不是要雙擊操作。)

知道各種js框架(angular, backbone, ember, react, meteor, knockout...)麼? 能講出他們各自的優點和缺點麼?

underscore 對哪些 js 原生物件進行了擴充套件以及提供了哪些好用的函式方法?

解釋j**ascript中的作用域與變數宣告提公升?

web前端面試題目

1 css div開發web頁面的優勢有哪些?優點 1 div css,這個網頁設計模式中,div承擔了網頁的內容,css承擔了網頁的樣式。這樣就使網頁的內容和樣式的分離開來。有利於頁面的維護公升級。2 有助於提高搜尋引擎親和力 快速找到需要的資料,而不是像在table中一層層的查詢 3 有助於頁面...

前端面試題

1 ie6的雙倍邊距bug指的是什麼?怎麼解決?答案 在ie6中,乙個居左 或居右 浮動的元素放置進乙個容器盒 box 並在浮動元素上使用了左邊距 或右邊距 在ie6內便產生雙倍邊距。解決方法是 設定display inline 2 web標準中定義id與class有什麼區別嗎?答案 web標準中是...

前端面試題2概要

2014年最新前端開發面試題 面霸題庫 歡迎加入j ascript前端技術,群號為 85088298 本人部落格已經遷移至 the last time that refresh 2014 3 11 13 47 07 本文總結了一些常見前端面試 多數源於網路 希望閱後也要用心鑽研其中的原理,重要知識需...