前端面試總結(jié)

HTML

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

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

CSS

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

JS

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

綜合

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

知識擴展

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

其他

  • 你最近學哪些新知識
  • 關(guān)注過哪些人的博客
  • 你為什么離職
  • 對我們公司和這個崗位有什么了解
  • 怎么看待加班
  • 職業(yè)規(guī)劃是什么
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市蜈缤,隨后出現(xiàn)的幾起案子拾氓,更是在濱河造成了極大的恐慌,老刑警劉巖劫樟,帶你破解...
    沈念sama閱讀 212,816評論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件痪枫,死亡現(xiàn)場離奇詭異,居然都是意外死亡叠艳,警方通過查閱死者的電腦和手機奶陈,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,729評論 3 385
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來附较,“玉大人吃粒,你說我怎么就攤上這事【芸危” “怎么了徐勃?”我有些...
    開封第一講書人閱讀 158,300評論 0 348
  • 文/不壞的土叔 我叫張陵,是天一觀的道長早像。 經(jīng)常有香客問我僻肖,道長,這世上最難降的妖魔是什么卢鹦? 我笑而不...
    開封第一講書人閱讀 56,780評論 1 285
  • 正文 為了忘掉前任臀脏,我火速辦了婚禮,結(jié)果婚禮上冀自,老公的妹妹穿的比我還像新娘揉稚。我一直安慰自己,他們只是感情好熬粗,可當我...
    茶點故事閱讀 65,890評論 6 385
  • 文/花漫 我一把揭開白布搀玖。 她就那樣靜靜地躺著,像睡著了一般驻呐。 火紅的嫁衣襯著肌膚如雪灌诅。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 50,084評論 1 291
  • 那天含末,我揣著相機與錄音延塑,去河邊找鬼。 笑死答渔,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的侥涵。 我是一名探鬼主播沼撕,決...
    沈念sama閱讀 39,151評論 3 410
  • 文/蒼蘭香墨 我猛地睜開眼宋雏,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了务豺?” 一聲冷哼從身側(cè)響起磨总,我...
    開封第一講書人閱讀 37,912評論 0 268
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎笼沥,沒想到半個月后蚪燕,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,355評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡奔浅,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,666評論 2 327
  • 正文 我和宋清朗相戀三年馆纳,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片汹桦。...
    茶點故事閱讀 38,809評論 1 341
  • 序言:一個原本活蹦亂跳的男人離奇死亡鲁驶,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出舞骆,到底是詐尸還是另有隱情钥弯,我是刑警寧澤,帶...
    沈念sama閱讀 34,504評論 4 334
  • 正文 年R本政府宣布督禽,位于F島的核電站脆霎,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏狈惫。R本人自食惡果不足惜睛蛛,卻給世界環(huán)境...
    茶點故事閱讀 40,150評論 3 317
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望虱岂。 院中可真熱鬧玖院,春花似錦、人聲如沸第岖。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,882評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽蔑滓。三九已至郊酒,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間键袱,已是汗流浹背燎窘。 一陣腳步聲響...
    開封第一講書人閱讀 32,121評論 1 267
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留蹄咖,地道東北人褐健。 一個月前我還...
    沈念sama閱讀 46,628評論 2 362
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親蚜迅。 傳聞我的和親對象是個殘疾皇子舵匾,可洞房花燭夜當晚...
    茶點故事閱讀 43,724評論 2 351

推薦閱讀更多精彩內(nèi)容

  • 前端開發(fā)面試知識點大綱: HTML&CSS: 對Web標準的理解、瀏覽器內(nèi)核差異谁不、兼容性坐梯、hack、CSS基本功:...
    秀才JaneBook閱讀 2,344評論 0 25
  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案刹帕? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標簽?zāi)J的外補...
    _Yfling閱讀 13,742評論 1 92
  • 1.對web的標準以及w3c的理解與區(qū)別吵血。 web標準簡單來說可以分為結(jié)構(gòu)、表現(xiàn)和行為偷溺。其中結(jié)構(gòu)主要是有HTML標...
    Devour_z閱讀 590評論 0 1
  • 1. 居中不定高div樣式 參考:http://www.haorooms.com/post/css_div_juz...
    darr250閱讀 4,639評論 0 7
  • 1.Doctype作用蹋辅?標準模式與兼容模式各有什么區(qū)別? Doctype 是html的格式聲明,位于HTML文檔的...
    getElementsByMK閱讀 456評論 0 6