前端面試總結(jié)

HTML

  • doctype意義
  • html xhtml區(qū)別
  • 理解樣式結(jié)構(gòu)分離
  • 塊級(jí)元素行內(nèi)元素區(qū)別,分別有哪些
  • 怎么樣讓元素透明,怎么隱藏?什么區(qū)別?
  • 做一個(gè)頁(yè)面,有頭部,尾部,內(nèi)容左欄自適應(yīng),右邊寬度200px
  • Html5里input有哪些類型
  • img標(biāo)簽的title和alt是什么
  • 理解html語(yǔ)義化,有什么優(yōu)點(diǎn)

根據(jù)內(nèi)容的結(jié)構(gòu)化(內(nèi)容語(yǔ)義化),選擇合適的標(biāo)簽(代碼語(yǔ)義化)便于開發(fā)者閱讀和寫出更優(yōu)雅的代碼的同時(shí)讓瀏覽器的爬蟲和機(jī)器很好地解析。
優(yōu)點(diǎn)1. 去掉或者丟失樣式的時(shí)候能夠讓頁(yè)面呈現(xiàn)出清晰的結(jié)構(gòu); 2. 有利于SEO:和搜索引擎建立良好溝通,有助于爬蟲抓取更多的有效信息:爬蟲依賴于標(biāo)簽來確定上下文和各個(gè)關(guān)鍵字的權(quán)重; 3. 方便其他設(shè)備解析(如屏幕閱讀器、盲人閱讀器、移動(dòng)設(shè)備)以意義的方式來渲染網(wǎng)頁(yè); 4. 便于團(tuán)隊(duì)開發(fā)和維護(hù),語(yǔ)義化更具可讀性,是下一步吧網(wǎng)頁(yè)的重要?jiǎng)酉?,遵循W3C標(biāo)準(zhǔn)的團(tuán)隊(duì)都遵循這個(gè)標(biāo)準(zhǔn),可以減少差異化。

CSS

  • 如何使一個(gè)div四各邊框上下左右顏色是紅黑藍(lán)黃
  • 做一個(gè)圖片瀑布?jí)?/li>
  • 什么是CSSsprite
  • 用ul li做一個(gè)navbar
  • 怎么取消li的默認(rèn)樣式
  • 如何實(shí)現(xiàn)div水平居中,垂直居中?vertical-align的值分別怎么用
  • span能設(shè)置寬高嗎?inline inline-block什么區(qū)別?
  • 設(shè)置a鏈接的顏色,hover顏色,取消下劃線
  • 什么是響應(yīng)式設(shè)計(jì) 媒體查詢
  • 浮動(dòng)帶來的問題?清除浮動(dòng)的幾種方法
  • 浮動(dòng)雙邊距、hover兼容性、邊距重合、最小高度、PNG透明
  • 寫個(gè)雙飛翼布局
  • css hack幾種方式
  • 盒模型、display幾種方式
  • 絕對(duì)定位、相對(duì)定位、固定定位、z-index
  • 浮動(dòng)、清除浮動(dòng)的方式
  • css3新特性:圓角,漸進(jìn)色, background-size, transform, transition, @keyframe
  • flex布局
  • 圖片在Retina屏幕顯示
  • 移動(dòng)開發(fā)viewport怎么設(shè)定
  • 偽類選擇器有哪些
  • dispaly:none 和 visibility: hidden 區(qū)別

JS

  • js有幾種數(shù)據(jù)結(jié)構(gòu)
  • [嚴(yán)格相等和相等、布爾空值](https://developer.mozilla.org/zh-- CN/docs/Web/JavaScript/Equality_comparisons_and_sameness)
  • 函數(shù)聲明、表達(dá)式、var定義提前、function提前
  • dom增刪改查
  • 事件綁定、代理、冒泡捕獲、取消默認(rèn)、阻止冒泡
  • 閉包
  • 圖片懶加載怎么實(shí)現(xiàn)
  • 寫個(gè)類,繼承
  • 寫個(gè)深拷貝
  • 同步和異步有什么區(qū)別,說說你見過的異步,js加載如何實(shí)現(xiàn)延遲加載
  • 什么是jsonp,ajax?寫一個(gè)ajax
  • jquery里this和$(this)的區(qū)別
  • jquery元素和dom元素轉(zhuǎn)化
  • 寫一個(gè)對(duì)象,實(shí)現(xiàn)繼承(prototype)
  • 擴(kuò)展js內(nèi)置對(duì)象:Array.prototype.duplicate = function(){}
  • apply,call有什么區(qū)別,什么用

綜合

  • POST與GET有什么區(qū)別
  • 打開瀏覽器,百度,輸入“前端”,瀏覽器展示頁(yè)面,這一系列過程后臺(tái)做了什么
  • http協(xié)議200,302,404什么意思
  • 同源策略是什么,解決跨域有哪些方法
  • 用過哪些哪些工具?sublime,svn,git
  • 性能優(yōu)化有哪些方法
  • 有哪些瀏覽器內(nèi)核,做開發(fā)兼容哪些瀏覽器
  • ff,ie兼容舉例
  • 對(duì)H5的認(rèn)識(shí),有哪些新東西
  • 快速排序,時(shí)間復(fù)雜度
  • 優(yōu)雅降級(jí)和漸進(jìn)增強(qiáng)?
  • 前端工程化
  • 對(duì)新知識(shí)的了解:less, mvc, node, es6...

知識(shí)擴(kuò)展

  • linux基礎(chǔ)命令
  • 數(shù)據(jù)庫(kù)基本知識(shí)
  • http協(xié)議
  • 基本算法(排序、鏈表、二叉樹)

其他

  • 你最近學(xué)哪些新知識(shí)
  • 關(guān)注過哪些人的博客
  • 你為什么離職
  • 對(duì)我們公司和這個(gè)崗位有什么了解
  • 怎么看待加班
  • 職業(yè)規(guī)劃是什么
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 前端開發(fā)面試知識(shí)點(diǎn)大綱: HTML&CSS: 對(duì)Web標(biāo)準(zhǔn)的理解、瀏覽器內(nèi)核差異、兼容性、hack、CSS基本功:...
    秀才JaneBook閱讀 2,773評(píng)論 0 25
  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 14,147評(píng)論 1 92
  • 1.對(duì)web的標(biāo)準(zhǔn)以及w3c的理解與區(qū)別。 web標(biāo)準(zhǔn)簡(jiǎn)單來說可以分為結(jié)構(gòu)、表現(xiàn)和行為。其中結(jié)構(gòu)主要是有HTML標(biāo)...
    Devour_z閱讀 634評(píng)論 0 1
  • 1. 居中不定高div樣式 參考:http://www.haorooms.com/post/css_div_juz...
    darr250閱讀 5,124評(píng)論 0 7
  • 1.Doctype作用?標(biāo)準(zhǔn)模式與兼容模式各有什么區(qū)別? Doctype 是html的格式聲明,位于HTML文檔的...
    getElementsByMK閱讀 511評(píng)論 0 6

友情鏈接更多精彩內(nèi)容