第一篇：前端筆試面試題目總結(jié)

希望對(duì)一起奮戰(zhàn)找工作的戰(zhàn)友們有幫助

列舉3個(gè)以上http請(qǐng)求頭,響應(yīng)頭有哪些字段,列舉5個(gè)以上;http的響應(yīng)狀態(tài)消息有哪些值,列舉4個(gè)以上說明

解析ajax的意思,同步和異步的區(qū)別,異步請(qǐng)求有哪些狀態(tài),如何創(chuàng)建一個(gè)異步請(qǐng)求,異步請(qǐng)求完成過程,說下IE與其他瀏覽器的差異 如何實(shí)現(xiàn)跨域請(qǐng)求,AJAX跨域的解決辦法

html有哪些常用標(biāo)簽,大概多少個(gè),如何分類的,html5有哪些新增標(biāo)簽 前端優(yōu)化提高客戶端響應(yīng)速度的方法,至少10條以上

平常用哪些開發(fā)工具,用什么插件,了解哪些類庫,是否熟悉php,nodejs,看過哪些書

網(wǎng)頁設(shè)計(jì)中可以使用哪些圖像格式,說下它們的優(yōu)缺點(diǎn)

一個(gè)元素結(jié)點(diǎn)有哪些公共屬性,哪些事件屬性,各舉5個(gè)以上

盒模型——外邊距、內(nèi)邊距和邊框之間的關(guān)系，IE 8以下版本的瀏覽器中的盒模型有什么不同。布局的方式有哪些

使用緩存的方式有哪些,說下各種方式的優(yōu)缺點(diǎn)與發(fā)展過程 怎么實(shí)現(xiàn)一個(gè)元素的居中

display,position的屬性值有哪些 元素的屬性簡(jiǎn)寫,如font,background, html5有哪些新功能,都有哪些新的JS API,列舉5條以上 介紹幾個(gè)css3的屬性,選擇器有哪些

css的基本語句構(gòu)成是,有哪些選擇器,css3新增的有哪些

CSS引入樣式的方式有哪些,link和@import的區(qū)別是,如何計(jì)算樣式的優(yōu)先級(jí) 你做的頁面在哪些流覽器測(cè)試過？這些瀏覽器的內(nèi)核分別是什么? 經(jīng)常遇到的瀏覽器的兼容性有哪些？怎么會(huì)出現(xiàn)？解決方法是什么？

常用到哪些類庫,是否了解jq的實(shí)現(xiàn),說一下對(duì)jq代碼的理解,基本的架構(gòu)或者 jQuery.fn.init 中都做了哪些判斷,是否了解sizzle, 前端頁面由層級(jí)結(jié)構(gòu)是怎樣的，分別是什么？作用是什么？是否了解MVC模型,在前端如何實(shí)現(xiàn)MVC 簡(jiǎn)單介紹一下js的語法特點(diǎn),數(shù)據(jù)類型 說一下字符串,數(shù)組的常用方法 js的繼承方式

js的運(yùn)算符與優(yōu)先級(jí) 創(chuàng)建對(duì)象的方法

JSON與JSONP的區(qū)別

DOM結(jié)點(diǎn)的選擇有哪些方法,有哪些元素集合可直接選取,如果選擇一個(gè)節(jié)點(diǎn)有父節(jié)點(diǎn),子節(jié)點(diǎn),兄弟節(jié)點(diǎn)(nextSibling與nextElementSibling,IE與其他瀏覽器的差別)簡(jiǎn)單介紹DOM節(jié)點(diǎn)層級(jí)

節(jié)點(diǎn)怎樣添加、移除、移動(dòng)、復(fù)制、創(chuàng)建和查找節(jié)點(diǎn) IE與FF的JS兼容性都知道哪些

IE事件流與其他瀏覽器事件流特點(diǎn),綁定事件的差異

正則表達(dá)式是否熟悉,有哪些元字符,何為分組,捕獲,零寬斷言,零寬度正預(yù)測(cè)先行斷言,零寬度正回顧后發(fā)斷言,如何實(shí)現(xiàn)貪婪匹配與懶惰匹配,簡(jiǎn)單寫下郵箱驗(yàn)證、URL驗(yàn)證

嚴(yán)格模式與混雜模式——如何觸發(fā)這兩種模式，區(qū)分它們有何意義

是否理解這些英文簡(jiǎn)寫:HTML,CSS,XML,XHTML,E4X,Xpath,HTTP, W3C, WHATWG, MIME,ECMA,BOM,DOM,URL,URI 說下下面這些單詞的來源與使用: Angular;Backbone;Console;Dir;Express;Fork;Grunt;Haslayout;Iconfont;Jsonp;Kissy;Localstorage;Media query;Npm;Opacity;Prototype;Querystring;Referer;Seajs;Trim;Underscore;

Vim;Worker;Xss;Yslow;Zepto;(淘寶控制臺(tái))HTML&CSS：

對(duì)Web標(biāo)準(zhǔn)的理解、瀏覽器內(nèi)核差異、兼容性、hack、CSS基本功：布局、盒子模型、選擇器優(yōu)先級(jí)及使用、HTML5、CSS3、移動(dòng)端適應(yīng)

JavaScript：

數(shù)據(jù)類型、面向?qū)ο?、繼承、閉包、插件、作用域、跨域、原型鏈、模塊化、自定義事件、內(nèi)存泄漏、事件機(jī)制、異步裝載回調(diào)、模板引擎、Nodejs、JSON、ajax等。

其他：

HTTP、安全、正則、優(yōu)化、重構(gòu)、響應(yīng)式、移動(dòng)端、團(tuán)隊(duì)協(xié)作、可維護(hù)、SEO、UED、架構(gòu)、職業(yè)生涯

作為一名前端工程師，無論工作年頭長短都應(yīng)該必須掌握的知識(shí)點(diǎn)：

此條由 王子墨 發(fā)表在 前端隨筆

1、DOM結(jié)構(gòu) —— 兩個(gè)節(jié)點(diǎn)之間可能存在哪些關(guān)系以及如何在節(jié)點(diǎn)之間任意移動(dòng)。

2、DOM操作 ——如何添加、移除、移動(dòng)、復(fù)制、創(chuàng)建和查找節(jié)點(diǎn)等。

3、事件 —— 如何使用事件，以及IE和標(biāo)準(zhǔn)DOM事件模型之間存在的差別。

4、XMLHttpRequest —— 這是什么、怎樣完整地執(zhí)行一次GET請(qǐng)求、怎樣檢測(cè)錯(cuò)誤。

5、嚴(yán)格模式與混雜模式 —— 如何觸發(fā)這兩種模式，區(qū)分它們有何意義。

6、盒模型 —— 外邊距、內(nèi)邊距和邊框之間的關(guān)系，及IE8以下版本的瀏覽器中的盒模型

7、塊級(jí)元素與行內(nèi)元素 —— 怎么用CSS控制它們、以及如何合理的使用它們

8、浮動(dòng)元素——怎么使用它們、它們有什么問題以及怎么解決這些問題。

9、HTML與XHTML——二者有什么區(qū)別，你覺得應(yīng)該使用哪一個(gè)并說出理由。

10、JSON —— 作用、用途、設(shè)計(jì)結(jié)構(gòu)。HTML

Doctype作用? 嚴(yán)格模式與混雜模式如何區(qū)分？它們有何意義?

行內(nèi)元素有哪些？塊級(jí)元素有哪些？ 空(void)元素有那些？

介紹一下CSS的盒子模型？

link 和@import 的區(qū)別是？

CSS 選擇符有哪些？哪些屬性可以繼承？優(yōu)先級(jí)算法如何計(jì)算？ CSS3新增偽類有那些？

如何居中div？如何居中一個(gè)浮動(dòng)元素？

瀏覽器的內(nèi)核分別是什么?

html5有哪些新特性、移除了那些元素？如何處理HTML5新標(biāo)簽的瀏覽器兼容問題？如何區(qū)分 HTML 和 HTML5？

語義化的理解？

HTML5的離線儲(chǔ)存？

(寫)描述一段語義的html代碼吧。

iframe有那些缺點(diǎn)？

請(qǐng)描述一下 cookies，sessionStorage 和 localStorage 的區(qū)別？ CSS

列出display的值，說明他們的作用。position的值，relative和absolute定位原點(diǎn)是？

CSS3有哪些新特性？

一個(gè)滿屏 品 字布局 如何設(shè)計(jì)?

經(jīng)常遇到的瀏覽器的兼容性有哪些？原因，解決方法是什么，常用hack的技巧 ？

為什么要初始化CSS樣式。

absolute的containing block計(jì)算方式跟正常流有什么不同？

position跟display、margin collapse、overflow、float這些特性相互疊加后會(huì)怎么樣？

對(duì)BFC規(guī)范的理解？

css定義的權(quán)重

解釋下浮動(dòng)和它的工作原理？清除浮動(dòng)的技巧

用過媒體查詢，針對(duì)移動(dòng)端的布局嗎？

使用 CSS 預(yù)處理器嗎？喜歡那個(gè)？

JavaScript

JavaScript原型，原型鏈 ? 有什么特點(diǎn)？

eval是做什么的？

null，undefined 的區(qū)別？

寫一個(gè)通用的事件偵聽器函數(shù)。

Node.js的適用場(chǎng)景？

介紹js的基本數(shù)據(jù)類型。

Javascript如何實(shí)現(xiàn)繼承？ [“1”, “2”, “3”].map(parseInt)答案是多少？

如何創(chuàng)建一個(gè)對(duì)象?（畫出此對(duì)象的內(nèi)存圖）

談?wù)凾his對(duì)象的理解。

事件、IE與火狐的事件機(jī)制有什么區(qū)別？ 如何阻止冒泡？

什么是閉包（closure），為什么要用它？

“use strict”;是什么意思 ? 使用它的好處和壞處分別是什么？

如何判斷一個(gè)對(duì)象是否屬于某個(gè)類？

new操作符具體干了什么呢?

Javascript中，有一個(gè)函數(shù)，執(zhí)行時(shí)對(duì)象查找時(shí)，永遠(yuǎn)不會(huì)去查找原型，這個(gè)函數(shù)是？

JSON 的了解？

js延遲加載的方式有哪些？

ajax 是什么?

同步和異步的區(qū)別?

如何解決跨域問題?

模塊化怎么做？

AMD（Modules/Asynchronous-Definition）、CMD（Common Module Definition）規(guī)范區(qū)別？

異步加載的方式有哪些？

.call()和.apply()的區(qū)別？

Jquery與jQuery UI 有啥區(qū)別？

JQuery的源碼看過嗎？能不能簡(jiǎn)單說一下它的實(shí)現(xiàn)原理？

jquery 中如何將數(shù)組轉(zhuǎn)化為json字符串，然后再轉(zhuǎn)化回來？ 針對(duì) jQuery 的優(yōu)化方法？

JavaScript中的作用域與變量聲明提升？

如何編寫高性能的Javascript？

那些操作會(huì)造成內(nèi)存泄漏？

JQuery一個(gè)對(duì)象可以同時(shí)綁定多個(gè)事件，這是如何實(shí)現(xiàn)的？

其他

你遇到過比較難的技術(shù)問題是？你是如何解決的？

常使用的庫有哪些？常用的前端開發(fā)工具？開發(fā)過什么應(yīng)用或組件？

頁面重構(gòu)怎么操作？

列舉IE 與其他瀏覽器不一樣的特性？

99%的網(wǎng)站都需要被重構(gòu)是那本書上寫的？

什么叫優(yōu)雅降級(jí)和漸進(jìn)增強(qiáng)？

WEB應(yīng)用從服務(wù)器主動(dòng)推送Data到客戶端有那些方式？

對(duì)Node的優(yōu)點(diǎn)和缺點(diǎn)提出了自己的看法？

你有哪些性能優(yōu)化的方法？

http狀態(tài)碼有那些？分別代表是什么意思？

一個(gè)頁面從輸入 URL 到頁面加載顯示完成，這個(gè)過程中都發(fā)生了什么？（流程說的越詳細(xì)越好）

除了前端以外還了解什么其它技術(shù)么？你最最厲害的技能是什么？

你常用的開發(fā)工具是什么，為什么？

對(duì)前端界面工程師這個(gè)職位是怎么樣理解的？它的前景會(huì)怎么樣？

加班的看法？

平時(shí)如何管理你的項(xiàng)目？

如何設(shè)計(jì)突發(fā)大規(guī)模并發(fā)架構(gòu)？

說說最近最流行的一些東西吧？常去哪些網(wǎng)站？

移動(dòng)端（Android IOS）怎么做好用戶體驗(yàn)?

你在現(xiàn)在的團(tuán)隊(duì)處于什么樣的角色，起到了什么明顯的作用？

你認(rèn)為怎樣才是全端工程師（Full Stack developer）？

介紹一個(gè)你最得意的作品吧？

最近在學(xué)什么？能談?wù)勀阄磥?，5年給自己的規(guī)劃嗎？

答案

僅供參考。如有疑問，歡迎反饋。

如果想進(jìn)一步了解相關(guān)知識(shí)，可以 google 答案中的關(guān)鍵詞，或者到 SegmentFault 問答平臺(tái) 交流。

HTML

Doctype作用? 嚴(yán)格模式與混雜模式如何區(qū)分？它們有何意義? 聲明位于文檔中的最前面，處于 標(biāo)簽之前。告知瀏覽器的解析器，用什么文檔類型 規(guī)范來解析這個(gè)文檔。

嚴(yán)格模式的排版和 JS 運(yùn)作模式是以該瀏覽器支持的最高標(biāo)準(zhǔn)運(yùn)行。

在混雜模式中，頁面以寬松的向后兼容的方式顯示。模擬老式瀏覽器的行為以防止站點(diǎn)無法工作。

DOCTYPE不存在或格式不正確會(huì)導(dǎo)致文檔以混雜模式呈現(xiàn)。

DOM結(jié)構(gòu)——兩個(gè)節(jié)點(diǎn)之間可能存在哪些關(guān)系以及如何在節(jié)點(diǎn)之間任意移動(dòng)。DOM操作——怎樣添加、移除、移動(dòng)、復(fù)制、創(chuàng)建和查找節(jié)點(diǎn)。

事件——怎樣使用事件以及IE和DOM事件模型之間存在哪些主要差別。

XMLHttpRequest——這是什么、怎樣完整地執(zhí)行一次GET請(qǐng)求、怎樣檢測(cè)錯(cuò)誤。嚴(yán)格模式與混雜模式——如何觸發(fā)這兩種模式，區(qū)分它們有何意義。

盒模型——外邊距、內(nèi)邊距和邊框之間的關(guān)系，IE 8以下版本的瀏覽器中的盒模型有什么不同。

塊級(jí)元素與行內(nèi)元素——怎么用CSS控制它們、它們?cè)鯓佑绊懼車脑匾约澳阌X得應(yīng)該如何定義它們的樣式。浮動(dòng)元素——怎么使用它們、它們有什么問題以及怎么解決這些問題。HTML與XHTML——二者有什么區(qū)別，你覺得應(yīng)該使用哪一個(gè)并說出理由。

JSON——它是什么、為什么應(yīng)該使用它、到底該怎么使用它，說出實(shí)現(xiàn)細(xì)節(jié)來。

行內(nèi)元素有哪些？塊級(jí)元素有哪些？ 空(void)元素有那些？ 1.對(duì)于Web2.0的理解；

2.常用的WEB開發(fā)和測(cè)試工具(JS，CSS，HTML，程序腳本……)； 3.對(duì)于網(wǎng)站優(yōu)化的理解(SEO，UEO)；

4.通過哪些網(wǎng)站或者博客了解和交流互聯(lián)網(wǎng)最新技術(shù)； 5.最欣賞哪些網(wǎng)站； 6.對(duì)開發(fā)框架的理解；

7.請(qǐng)用css實(shí)現(xiàn)下列要求的效果： 1.一個(gè)列表包含標(biāo)題和時(shí)間 2.列表寬度固定，高度自由設(shè)置

3.時(shí)間緊跟標(biāo)題，但標(biāo)題過長時(shí)需要隱藏。HTML相關(guān)

1.標(biāo)簽的定義與用法。2.塊級(jí)元素和行內(nèi)元素都有哪些? 3.你真的了解HTML嗎? 雅虎面試題

把前面黃底那段拿去搜索下就知道了(曾在某浪公司面試的時(shí)候被問到過，確實(shí)是很好的問題)。CSS相關(guān)

1.介紹所知道的CSS hack技巧(如：_，*，+，9，!important 之類)。2.介紹CSS盒模型。

3.CSS層疊是什么?介紹一下。

4.都知道哪些CSS瀏覽器兼容性問題。

5.有時(shí)會(huì)被問到些刁鉆點(diǎn)的題，比如position值都有哪些，CSS3都有哪些新內(nèi)容...JavaScript基礎(chǔ)相關(guān)

1.HTTP協(xié)議的狀態(tài)消息都有哪些?(如200、302對(duì)應(yīng)的描述)2.AJAX是什么? AJAX的交互模型(流程)? AJAX跨域的解決辦法? 3.同步和異步的區(qū)別? 4.簡(jiǎn)述JavaScript封裝。

5.JavaScript繼承有哪兩種形式形式，進(jìn)行描述。

7.在JS中this關(guān)鍵字的使用場(chǎng)合和用法(如在構(gòu)造函數(shù)中、setTimeout中等)。8.簡(jiǎn)述下cookie的操作，還有cookie的屬性都知道哪些。9.IE與FF的JS兼容性都知道哪些。

10.DOM操作-怎樣添加、移除、移動(dòng)、復(fù)制、創(chuàng)建和查找節(jié)點(diǎn)(這個(gè)問題真心是基礎(chǔ)題，一般不會(huì)問)。jQuery相關(guān)

1.jQuery源碼是否嘗試去讀過?說說基本的架構(gòu)或者 jQuery.fn.init 中都做了哪些判斷。

2.都知道哪些不好的jQuery書寫方式。3.Sizzle是否有讀過? 其它相關(guān)的加分項(xiàng)： 1.都使用和了解過哪些編輯器?都使用和了解過哪些日常工具? 2.都知道有哪些瀏覽器內(nèi)核?開發(fā)過的項(xiàng)目都兼容哪些瀏覽器? 3.國內(nèi)外的JS牛人都知道哪些? 4.瀑布流布局或者流式布局是否有了解

4.正則表達(dá)式有系統(tǒng)學(xué)習(xí)過嗎(看書或網(wǎng)上教程)?有的話就問問簡(jiǎn)單點(diǎn)的郵箱驗(yàn)證、URL驗(yàn)證，或者問問 貪婪匹配與懶惰匹配 的理論知識(shí)。5.Node.js是否有過嘗試?到什么程度?說說個(gè)人理解的看法? 6.HTML5都有哪些新的JS API? 7.前端優(yōu)化知識(shí)都知道哪些? 8.基礎(chǔ)算法題(如快速排序，能否一兩句說說重要的核心原理或者數(shù)組消重等)。9.是否有接觸過或者了解過重構(gòu)。

你用Twitter嗎？（在天朝最好問你用微博嗎？）? 如果用，你都關(guān)注那些人？ 你用Github嗎？

? 如果用，你關(guān)注的項(xiàng)目有什么？ 你關(guān)注的博客有那些？

你使用那些版本管理系統(tǒng)，比如Git，SVN等？

你常用的開發(fā)環(huán)境是怎樣的？比如操作系統(tǒng)，文本編輯器，瀏覽器，及其他工具等。

你能描述一下你制作一個(gè)網(wǎng)頁的工作流程嗎？ 你能描述一下漸進(jìn)增強(qiáng)和優(yōu)雅降級(jí)之間的不同嗎? ? 如果提到了特性檢測(cè)，可以加分。請(qǐng)解釋一下什么是語義化的HTML。

你更喜歡在哪個(gè)瀏覽器下進(jìn)行開發(fā)？你使用那些開發(fā)人員工具？ 你如何對(duì)網(wǎng)站的文件和資源進(jìn)行優(yōu)化？ ? 期待的解決方案包括： 1.文件合并

2.文件最小化/文件壓縮 3.使用CDN托管 4.緩存的使用 5.其他

為什么利用多個(gè)域名來存儲(chǔ)網(wǎng)站資源會(huì)更有效？

? 瀏覽器一次可以從一個(gè)域名下做多少資源？ 請(qǐng)說出三種減低頁面加載時(shí)間的方法。（加載時(shí)間指感知的時(shí)間或者實(shí)際加載時(shí)間）

如果你接到了一個(gè)使用Tab來縮進(jìn)代碼的項(xiàng)目，但是你喜歡空格，你會(huì)怎么做？ ? 建議這個(gè)項(xiàng)目使用像EditorConfig(http://editorconfig.org)之類的規(guī)范

? 為了保持一致性，轉(zhuǎn)換成項(xiàng)目原有的風(fēng)格 ? 直接使用VIM的retab命令 請(qǐng)寫一個(gè)簡(jiǎn)單的幻燈效果頁面

? 如果不使用JS來完成，可以加分。你都使用那些工作來測(cè)試代碼的性能？

? 例如JSPerf(http://jsperf.com/)? 例如Dromaeo(http://dromaeo.com/)? 其它。

如果今年你打算熟練掌握一項(xiàng)新技術(shù)，那會(huì)是什么？ 請(qǐng)談一下你對(duì)網(wǎng)頁標(biāo)準(zhǔn)和標(biāo)準(zhǔn)制定機(jī)構(gòu)重要性的理解。什么是FOUC？你如何來避免FOUC？ HTML相關(guān)問題

________________________________________ 文檔類型的作用是什么？你知道多少種文檔類型？ 瀏覽器標(biāo)準(zhǔn)模式和怪異模式之間的區(qū)別是什么？ 使用XHTML的局限有那些？

? 如果頁面使用'application/xhtml+xml'會(huì)有什么問題嗎？ 如果網(wǎng)頁內(nèi)容需要支持多語言，你會(huì)怎么做？

? 在設(shè)計(jì)和開發(fā)多語言網(wǎng)站時(shí)，有哪些問題你必須要考慮？ 在HTML5的頁面中可以使用XHTML的語法嗎？ 在HTML5中如何使用XML？ 'data-'屬性的作用是什么？

如果把HTML5看作做一個(gè)開放平臺(tái)，那它的構(gòu)建模塊有那些？ 請(qǐng)描述一下cookies，sessionStorage和localStorage的區(qū)別？ JS相關(guān)問題

________________________________________ 你使用過那些Javascript庫？

你是否研究過你所使用的JS庫或者框架的源代碼？ 什么是哈希表？

'undefined'變量和'undeclared'變量分別指什么？ 閉包是什么，如何使用它，為什么要使用它？ ? 你喜歡的使用閉包的模式是什么？ 請(qǐng)舉出一個(gè)匿名函數(shù)的典型用例？

請(qǐng)解釋什么是Javascript的模塊模式，并舉出實(shí)用實(shí)例。? 如果有提到無污染的命名空間，可以考慮加分。? 如果你的模塊沒有自己的命名空間會(huì)怎么樣？

你如何組織自己的代碼？是使用模塊模式，還是使用經(jīng)典繼承的方法？ 請(qǐng)指出Javascript宿主對(duì)象和內(nèi)置對(duì)象的區(qū)別？ 描述css reset的作用和用途。描述下浮動(dòng)和它的工作原理。

清除浮動(dòng)的方法有那些，分別適用于什么情形。解釋css sprites,如何使用。

你最喜歡的圖片替換方法是什么，你如何選擇使用。討論CSS hacks，條件引用或者其他。如何為有功能限制的瀏覽器提供網(wǎng)頁。? 你會(huì)使用那些技術(shù)和處理方法。

如何視覺隱藏網(wǎng)頁內(nèi)容，只讓它們?cè)谄聊婚喿x器中可用。你使用過網(wǎng)格系統(tǒng)嗎？如果使用過，你最喜歡哪種？

你使用過meidia queries（媒體查詢）嗎，或者移動(dòng)網(wǎng)站相關(guān)的CSS布局。你熟悉SVG樣式的書寫嗎？ 如何優(yōu)化網(wǎng)頁的打印樣式。

在書寫高效CSS文件時(shí)會(huì)有哪些問題需要考慮。

你使用CSS預(yù)處理器嗎？(SASS,Compass,Stylus,LESS)? 如果使用，描述你的喜好。你是否接觸過使用非標(biāo)準(zhǔn)字體的設(shè)計(jì)？

? 字體服務(wù)，Google Webfonts, Typekit,等等。請(qǐng)解釋瀏覽器是如何根據(jù)CSS選擇器選擇對(duì)應(yīng)元素的?？蛇x的有趣問題

________________________________________ 你編寫過的最酷的代碼是什么？其中你最自豪的是什么？ 你知道HTML5的幫派標(biāo)志嗎？

你是否正在或曾經(jīng)在一艘船上。(不懂這個(gè)幽默）你使用的開發(fā)工具中，你最喜歡的部分是什么？ 你有什么業(yè)余項(xiàng)目嗎？是那種類型的？

解釋cornify的重要性？(本題完全摸不到頭腦）

在一張紙上，垂直寫下ABCDE，然后不用任何代碼，將他們到序排列。? 靜靜的看他們是否將紙反轉(zhuǎn)。海盜還是忍者？

? 如果是兩者的合體，并有恰當(dāng)理由，可以加分。如果是僵尸猴子海盜加忍者加兩分。（注：此題文化差異過大）如果沒有在Web開發(fā)，你會(huì)做什么？ 卡門圣迭哥的隱藏處在哪里？

? 提示：本題的答案永遠(yuǎn)是錯(cuò)的。你最愛的IE特性是什么？

完句填空： Brendan Eich和Doug Crockford是JavaScript的________。討論：jQuery是牛逼的庫還是最牛逼的庫。

第二篇：組織部面試筆試題目

面試題目

1.說一下自己有怎樣的優(yōu)點(diǎn)和缺點(diǎn)？

2.對(duì)于社聯(lián)以及我們組織部的工作你有怎樣的認(rèn)識(shí)？

3.為什么想進(jìn)入我們組織部？

4.你認(rèn)為你有哪些長處能使你從參加組織部面試的人中脫穎而出？

5.如果我們給你安排了一份你不擅長做的工作你會(huì)怎么辦？

6.假如你現(xiàn)在是社聯(lián)組織部的一名干事，我們要舉辦一場(chǎng)晚會(huì)，需要你去給各個(gè)學(xué)院主席發(fā)送邀請(qǐng)函，面對(duì)主席你要說些什么？

7.如果工作一段時(shí)間之后你發(fā)現(xiàn)組織部的實(shí)際工作情況與你想象中的有一定差距，你會(huì)選擇離開還是繼續(xù)干下去，為什么？

8.當(dāng)學(xué)習(xí)和工作發(fā)生沖突的時(shí)候，你會(huì)怎么做？

9.如果在社聯(lián)你的同事甚至主席部長中有你不喜歡的那一類人，你會(huì)怎么辦？

10.加入社聯(lián)組織部之后，對(duì)今后的工作你又怎樣的想法或者計(jì)劃么？

11.如果因?yàn)楣ぷ餍枰屇闳プ鲆恍┛嗔顑旱脑?，你?huì)怎么想？

筆試題目

1.假設(shè)你已是組織部的一名干事，現(xiàn)在由社聯(lián)組織的藝術(shù)作品征集活動(dòng)需要向各個(gè)學(xué)院征集各類藝術(shù)作品,活動(dòng)具體要求如下：書畫作品至少10份，攝影作品至少5份，DV作品至少3份，下周一之前以學(xué)院為單位統(tǒng)一上交社聯(lián)，并且各個(gè)學(xué)院需要由一名院學(xué)生會(huì)副主席或宣傳部部長擔(dān)任此次活動(dòng)本學(xué)院的負(fù)責(zé)人?，F(xiàn)在由你以短信形式通知各學(xué)院主席本次活動(dòng)的內(nèi)容，請(qǐng)將短信內(nèi)容寫在下方。

2.假如你已經(jīng)成為社聯(lián)組織部的一名成員，請(qǐng)簡(jiǎn)單描述一下你在組織部方面的工作安排或想法、以及你對(duì)部長的意見和建議。

3.加入一段時(shí)間后你對(duì)組織部的工作失去興趣或者現(xiàn)在的工作與你的個(gè)人時(shí)間安排及學(xué)業(yè)產(chǎn)生沖突，你是否打算退出組織部、退出社聯(lián)？為什么？如果有這種想法，你會(huì)選擇在什么時(shí)候退出？

第三篇：web前端面試總結(jié)

1.常用那幾種瀏覽器測(cè)試？有哪些內(nèi)核(Layout Engine)?(Q1)瀏覽器：IE，Chrome，F(xiàn)ireFox，Safari，Opera。(Q2)內(nèi)核：Trident，Gecko，Presto，Webkit。

2.說下行內(nèi)元素和塊級(jí)元素的區(qū)別？行內(nèi)塊元素的兼容性使用？（IE8 以下）

(Q1)行內(nèi)元素：會(huì)在水平方向排列，不能包含塊級(jí)元素，設(shè)置width無效，height無效(可以設(shè)置line-height)，margin上下無效，padding上下無效。

塊級(jí)元素：各占據(jù)一行，垂直方向排列。從新行開始結(jié)束接著一個(gè)斷行。(Q2)兼容性：display:inline-block;*display:inline;*zoom:1;

3.清除浮動(dòng)有哪些方式？比較好的方式是哪一種？(Q1)（1）父級(jí)div定義height。

（2）結(jié)尾處加空div標(biāo)簽clear:both。（3）父級(jí)div定義偽類:after和zoom。（4）父級(jí)div定義overflow:hidden。（5）父級(jí)div定義overflow:auto。（6）父級(jí)div也浮動(dòng)，需要定義寬度。（7）父級(jí)div定義display:table。（8）結(jié)尾處加br標(biāo)簽clear:both。

(Q2)比較好的是第3種方式，好多網(wǎng)站都這么用。

4.box-sizing常用的屬性有哪些？分別有什么作用？(Q1)box-sizing: content-box|border-box|inherit;(Q2)content-box:寬度和高度分別應(yīng)用到元素的內(nèi)容框。在寬度和高度之外繪制元素的內(nèi)邊距和邊框(元素默認(rèn)效果)。

border-box:元素指定的任何內(nèi)邊距和邊框都將在已設(shè)定的寬度和高度內(nèi)進(jìn)行繪制。通過從已設(shè)定的寬度和高度分別減去邊框和內(nèi)邊距才能得到內(nèi)容的寬度和高度。

5.Doctype作用？標(biāo)準(zhǔn)模式與兼容模式各有什么區(qū)別?(Q1)告知瀏覽器的解析器用什么文檔標(biāo)準(zhǔn)解析這個(gè)文檔。DOCTYPE不存在或格式不正確會(huì)導(dǎo)致文檔以兼容模式呈現(xiàn)。

(Q2)標(biāo)準(zhǔn)模式的排版和JS運(yùn)作模式都是以該瀏覽器支持的最高標(biāo)準(zhǔn)運(yùn)行。在兼容模式中，頁面以寬松的向后兼容的方式顯示,模擬老式瀏覽器的行為以防止站點(diǎn)無法工作。

6.HTML5 為什么只需要寫 ？

HTML5不基于 SGML，因此不需要對(duì)DTD進(jìn)行引用，但是需要doctype來規(guī)范瀏覽器的行為（讓瀏覽器按照它們應(yīng)該的方式來運(yùn)行）。

而HTML4.01基于SGML,所以需要對(duì)DTD進(jìn)行引用，才能告知瀏覽器文檔所使用的文檔類型。

7.頁面導(dǎo)入樣式時(shí)，使用link和@import有什么區(qū)別？

（1）link屬于XHTML標(biāo)簽，除了加載CSS外，還能用于定義RSS, 定義rel連接屬性等作用；而@import是CSS提供的，只能用于加載CSS;（2）頁面被加載的時(shí)，link會(huì)同時(shí)被加載，而@import引用的CSS會(huì)等到頁面被加載完再加載;（3）import是CSS2.1 提出的，只在IE5以上才能被識(shí)別，而link是XHTML標(biāo)簽，無兼容問題。

8.介紹一下你對(duì)瀏覽器內(nèi)核的理解？

主要分成兩部分：渲染引擎(layout engineer或Rendering Engine)和JS引擎。

渲染引擎：負(fù)責(zé)取得網(wǎng)頁的內(nèi)容（HTML、XML、圖像等等）、我們組建一大牛裙前面是4七一，整理訊息（例如加入CSS等），中間是零2七，以及計(jì)算網(wǎng)頁的顯示方式，后面是壹武四，是學(xué)習(xí)的就加，不是學(xué)習(xí)的請(qǐng)勿打擾。然后會(huì)輸出至顯示器或打印機(jī)。瀏覽器的內(nèi)核的不同對(duì)于網(wǎng)頁的語法解釋會(huì)有不同，所以渲染的效果也不相同。所有網(wǎng)頁瀏覽器、電子郵件客戶端以及其它需要編輯、顯示網(wǎng)絡(luò)內(nèi)容的應(yīng)用程序都需要內(nèi)核。JS引擎則：解析和執(zhí)行javascript來實(shí)現(xiàn)網(wǎng)頁的動(dòng)態(tài)效果。

最開始渲染引擎和JS引擎并沒有區(qū)分的很明確，后來JS引擎越來越獨(dú)立，內(nèi)核就傾向于只指渲染引擎。

9.html5有哪些新特性？如何處理HTML5新標(biāo)簽的瀏覽器兼容問題？如何區(qū)分 HTML 和 HTML5？(Q1)HTML5 現(xiàn)在已經(jīng)不是 SGML 的子集，主要是關(guān)于圖像，位置，存儲(chǔ)，多任務(wù)等功能的增加。

(1)繪畫 canvas;(2)用于媒介回放的 video 和 audio 元素;(3)本地離線存儲(chǔ) localStorage 長期存儲(chǔ)數(shù)據(jù)，瀏覽器關(guān)閉后數(shù)據(jù)不丟失;(4)sessionStorage 的數(shù)據(jù)在瀏覽器關(guān)閉后自動(dòng)刪除;(5)語意化更好的內(nèi)容元素，比如 article、footer、header、nav、section;(6)表單控件，calendar、date、time、email、url、search;(7)新的技術(shù)webworker, websocket, Geolocation;(Q2)IE8/IE7/IE6支持通過document.createElement方法產(chǎn)生的標(biāo)簽，可以利用這一特性讓這些瀏覽器支持HTML5新標(biāo)簽，瀏覽器支持新標(biāo)簽后，還需要添加標(biāo)簽?zāi)J(rèn)的樣式。當(dāng)然也可以直接使用成熟的框架、比如html5shim，

10.簡(jiǎn)述一下你對(duì)HTML語義化的理解？ 用正確的標(biāo)簽做正確的事情。

html語義化讓頁面的內(nèi)容結(jié)構(gòu)化，結(jié)構(gòu)更清晰，便于對(duì)瀏覽器、搜索引擎解析;即使在沒有樣式CSS情況下也以一種文檔格式顯示，并且是容易閱讀的;搜索引擎的爬蟲也依賴于HTML標(biāo)記來確定上下文和各個(gè)關(guān)鍵字的權(quán)重，利于SEO;使閱讀源代碼的人對(duì)網(wǎng)站更容易將網(wǎng)站分塊，便于閱讀維護(hù)理解。

JavaScript----------------------------

1.介紹js的基本數(shù)據(jù)類型

Undefined、Null、Boolean、Number、String

2.js有哪些內(nèi)置對(duì)象？

數(shù)據(jù)封裝類對(duì)象：Object、Array、Boolean、Number 和 String 其他對(duì)象：Function、Arguments、Math、Date、RegExp、Error

3.this對(duì)象的理解

this總是指向函數(shù)的直接調(diào)用者（而非間接調(diào)用者）； 如果有new關(guān)鍵字，this指向new出來的那個(gè)對(duì)象；

在事件中，this指向觸發(fā)這個(gè)事件的對(duì)象，特殊的是，IE中的attachEvent中的this總是指向全局對(duì)象Window。

4.eval是做什么的？

它的功能是把對(duì)應(yīng)的字符串解析成JS代碼并運(yùn)行；

應(yīng)該避免使用eval，不安全，非常耗性能（2次，一次解析成js語句，一次執(zhí)行）。由JSON字符串轉(zhuǎn)換為JSON對(duì)象的時(shí)候可以用eval，var obj =eval('('+ str +')')。

5.DOM怎樣添加、移除、移動(dòng)、復(fù)制、創(chuàng)建和查找節(jié)點(diǎn) // 創(chuàng)建新節(jié)點(diǎn)

createDocumentFragment()//創(chuàng)建一個(gè)DOM片段 createElement()//創(chuàng)建一個(gè)具體的元素 createTextNode()//創(chuàng)建一個(gè)文本節(jié)點(diǎn) // 添加、移除、替換、插入 appendChild()removeChild()replaceChild()insertBefore()//在已有的子節(jié)點(diǎn)前插入一個(gè)新的子節(jié)點(diǎn) // 查找

getElementsByTagName()//通過標(biāo)簽名稱

getElementsByName()//通過元素的Name屬性的值(IE容錯(cuò)能力較強(qiáng)，會(huì)得到一個(gè)數(shù)組，其中包括id等于name值的)getElementById()//通過元素Id，唯一性

6.null和undefined的區(qū)別？

null是一個(gè)表示“無”的對(duì)象，轉(zhuǎn)為數(shù)值時(shí)為0；undefined是一個(gè)表示“無”的原始值，轉(zhuǎn)為數(shù)值時(shí)為NaN。undefined：

（1）變量被聲明了，但沒有賦值時(shí)，就等于undefined。

（2)調(diào)用函數(shù)時(shí)，應(yīng)該提供的參數(shù)沒有提供，該參數(shù)等于undefined。（3）對(duì)象沒有賦值的屬性，該屬性的值為undefined。（4）函數(shù)沒有返回值時(shí)，默認(rèn)返回undefined。null：

（1）作為函數(shù)的參數(shù)，表示該函數(shù)的參數(shù)不是對(duì)象。（2）作為對(duì)象原型鏈的終點(diǎn)。

7.new操作符具體干了什么呢?（1）創(chuàng)建一個(gè)空對(duì)象，并且 this 變量引用該對(duì)象，同時(shí)還繼承了該函數(shù)的原型。（2）屬性和方法被加入到 this 引用的對(duì)象中。

（3）新創(chuàng)建的對(duì)象由 this 所引用，并且最后隱式的返回 this。

8.JSON 的了解？

JSON(JavaScript Object Notation)是一種輕量級(jí)的數(shù)據(jù)交換格式。它是基于JavaScript的一個(gè)子集。數(shù)據(jù)格式簡(jiǎn)單, 易于讀寫, 占用帶寬小。格式：采用鍵值對(duì)，例如：{'age':'12', 'name':'back'}

9.call()和 apply()的區(qū)別和作用？

apply()函數(shù)有兩個(gè)參數(shù)：第一個(gè)參數(shù)是上下文，第二個(gè)參數(shù)是參數(shù)組成的數(shù)組。如果上下文是null，則使用全局對(duì)象代替。如：function.apply(this,[1,2,3]);call()的第一個(gè)參數(shù)是上下文，后續(xù)是實(shí)例傳入的參數(shù)序列。如：function.call(this,1,2,3);

10.如何獲取UA？

function whatBrowser(){

document.Browser.Name.value=navigator.appName;

document.Browser.Version.value=navigator.appVersion;

document.Browser.Code.value=navigator.appCodeName;

document.Browser.Agent.value=navigator.userAgent;

} 其他

----------------------------

1.HTTP狀態(tài)碼知道哪些？

Continue 繼續(xù)，一般在發(fā)送post請(qǐng)求時(shí)，已發(fā)送了http header之后服務(wù)端將返回此信息，表示確認(rèn)，之后發(fā)送具體參數(shù)信息 200 OK 正常返回信息

201 Created 請(qǐng)求成功并且服務(wù)器創(chuàng)建了新的資源 202 Accepted 服務(wù)器已接受請(qǐng)求，但尚未處理

301 Moved Permanently 請(qǐng)求的網(wǎng)頁已永久移動(dòng)到新位置。302 Found 臨時(shí)性重定向。

303 See Other 臨時(shí)性重定向，且總是使用 GET 請(qǐng)求新的 URI。304 Not Modified 自從上次請(qǐng)求后，請(qǐng)求的網(wǎng)頁未修改過。400 Bad Request 服務(wù)器無法理解請(qǐng)求的格式，客戶端不應(yīng)當(dāng)嘗試再次使用相同的內(nèi)容發(fā)起請(qǐng)求。

401 Unauthorized 請(qǐng)求未授權(quán)。403 Forbidden 禁止訪問。

404 Not Found 找不到如何與 URI 相匹配的資源。500 Internal Server Error 最常見的服務(wù)器端錯(cuò)誤。

503 Service Unavailable 服務(wù)器端暫時(shí)無法處理請(qǐng)求（可能是過載或維護(hù)）。

2.你有哪些性能優(yōu)化的方法？

（1）減少http請(qǐng)求次數(shù)：CSS Sprites, JS、CSS源碼壓縮、圖片大小控制合適；網(wǎng)頁Gzip，CDN托管，data緩存，圖片服務(wù)器。

（2）前端模板 JS+數(shù)據(jù)，減少由于HTML標(biāo)簽導(dǎo)致的帶寬浪費(fèi)，前端用變量保存AJAX請(qǐng)求結(jié)果，每次操作本地變量，不用請(qǐng)求，減少請(qǐng)求次數(shù)

（3）用innerHTML代替DOM操作，減少DOM操作次數(shù)，優(yōu)化javascript性能。（4）當(dāng)需要設(shè)置的樣式很多時(shí)設(shè)置className而不是直接操作style。（5）少用全局變量、緩存DOM節(jié)點(diǎn)查找的結(jié)果。減少IO讀取操作。

（6）避免使用CSS Expression（css表達(dá)式)又稱Dynamic properties(動(dòng)態(tài)屬性)。（7）圖片預(yù)加載，將樣式表放在頂部，將腳本放在底部 加上時(shí)間戳。

3.什么叫優(yōu)雅降級(jí)和漸進(jìn)增強(qiáng)？

優(yōu)雅降級(jí)：Web站點(diǎn)在所有新式瀏覽器中都能正常工作，如果用戶使用的是老式瀏覽器，則代碼會(huì)檢查以確認(rèn)它們是否能正常工作。由于IE獨(dú)特的盒模型布局問題，針對(duì)不同版本的IE的hack實(shí)踐過優(yōu)雅降級(jí)了,為那些無法支持功能的瀏覽器增加候選方案，使之在舊式瀏覽器上以某種形式降級(jí)體驗(yàn)卻不至于完全失效。漸進(jìn)增強(qiáng)：從被所有瀏覽器支持的基本功能開始，逐步地添加那些只有新式瀏覽器才支持的功能,向頁面增加無害于基礎(chǔ)瀏覽器的額外樣式和功能的。當(dāng)瀏覽器支持時(shí)，它們會(huì)自動(dòng)地呈現(xiàn)出來并發(fā)揮作用。

4.哪些常見操作會(huì)造成內(nèi)存泄漏？

內(nèi)存泄漏指任何對(duì)象在您不再擁有或需要它之后仍然存在。垃圾回收器定期掃描對(duì)象，并計(jì)算引用了每個(gè)對(duì)象的其他對(duì)象的數(shù)量。如果一個(gè)對(duì)象的引用數(shù)量為 0（沒有其他對(duì)象引用過該對(duì)象），或?qū)υ搶?duì)象的惟一引用是循環(huán)的，那么該對(duì)象的內(nèi)存即可回收。

setTimeout 的第一個(gè)參數(shù)使用字符串而非函數(shù)的話，會(huì)引發(fā)內(nèi)存泄漏。

閉包、控制臺(tái)日志、循環(huán)（在兩個(gè)對(duì)象彼此引用且彼此保留時(shí)，就會(huì)產(chǎn)生一個(gè)循環(huán)）。

5.線程與進(jìn)程的區(qū)別

一個(gè)程序至少有一個(gè)進(jìn)程,一個(gè)進(jìn)程至少有一個(gè)線程。線程的劃分尺度小于進(jìn)程，使得多線程程序的并發(fā)性高。

另外，進(jìn)程在執(zhí)行過程中擁有獨(dú)立的內(nèi)存單元，而多個(gè)線程共享內(nèi)存，從而極大地提高了程序的運(yùn)行效率。

線程在執(zhí)行過程中與進(jìn)程還是有區(qū)別的。每個(gè)獨(dú)立的線程有一個(gè)程序運(yùn)行的入口、順序執(zhí)行序列和程序的出口。但是線程不能夠獨(dú)立執(zhí)行，必須依存在應(yīng)用程序中，由應(yīng)用程序提供多個(gè)線程執(zhí)行控制。從邏輯角度來看，多線程的意義在于一個(gè)應(yīng)用程序中，有多個(gè)執(zhí)行部分可以同時(shí)執(zhí)行。但操作系統(tǒng)并沒有將多個(gè)線程看做多個(gè)獨(dú)立的應(yīng)用，來實(shí)現(xiàn)進(jìn)程的調(diào)度和管理以及資源分配。這就是進(jìn)程和線程的重要區(qū)別。

第四篇：中山大學(xué)輔導(dǎo)員面試、筆試題目

中山大學(xué)輔導(dǎo)員面試、筆試題目

2012年中山大學(xué)輔導(dǎo)員筆試題目：你是如何理解“教育-管理-服務(wù)”的？論述題； 2012年中山大學(xué)輔導(dǎo)員面試題目：你未來10年的職業(yè)規(guī)劃？；

你得競(jìng)爭(zhēng)優(yōu)勢(shì)是什么？

作為輔導(dǎo)員你遇到的最難得一件事是啥？

第五篇：大學(xué)輔導(dǎo)員筆試面試題目之三

大學(xué)輔導(dǎo)員筆試題目之三

一： 筆試題目：

一天，小明和爸爸媽媽還有哥哥到外面去玩，突然下起了大雨，可是，他們只有一個(gè)雨衣，于是，爸爸把雨衣給了媽媽，媽媽把雨衣給了哥哥，而哥哥又把雨衣給了小明。小明一臉的迷茫，問：“為什么爸爸把雨衣給了媽媽，媽媽把雨衣給了哥哥，而哥哥又把雨衣給了我呢？？”爸爸媽媽笑了笑，說：“因?yàn)槟阕钚“?！我們都要保護(hù)弱小的人?！毙∶骺戳丝创蠹?，把雨衣披在了正在風(fēng)雨中飄搖的小花上面。

1.請(qǐng)問上面一則材料說明了一個(gè)什么重要的道理？

2.作為高校輔導(dǎo)員的你，從上面的材料中得到了什么啟示？請(qǐng)寫一篇至少大約1500字的文

章。（筆試時(shí)間為一個(gè)小時(shí)）

二：面試題目：

1.請(qǐng)做個(gè)簡(jiǎn)短的自我介紹。（大家請(qǐng)注意了，這里說的簡(jiǎn)短的意思并不是要你把名字、性別、畢業(yè)學(xué)校、專業(yè)等一說就完

事，而是提醒大家要在這短短的兩三分鐘內(nèi)把你自己的優(yōu)勢(shì)、特點(diǎn)都說出來，你為什么來應(yīng)

聘，你憑什么來應(yīng)聘，說清楚這些也就差不多了。）

2.你覺得你在應(yīng)聘這個(gè)職位上有什么優(yōu)勢(shì)？

（有些考官會(huì)把這個(gè)問題和上面的自我介紹合在一起來問，有些卻分開來問，有的如果覺得

你在前面的自我介紹做得不好的話就干脆不問。所以，聰明的我們，都要盡量把前面的自我介紹做好了，可以的話盡量把自己的優(yōu)勢(shì)在這部分也說了，這樣就不會(huì)死等著考官問自己，也不用冒他已經(jīng)不耐煩提問你的這個(gè)險(xiǎn)。）

3.說說你對(duì)高校輔導(dǎo)員工作的認(rèn)識(shí)。

（這里主要是考你對(duì)這個(gè)崗位的認(rèn)識(shí)和以后的工作設(shè)想。這些都可以事先準(zhǔn)備好答案的。說

說高校輔導(dǎo)員對(duì)高校思想政治工作的重要性以及重要意義，還有就是你將怎么養(yǎng)做好你的這

個(gè)工作，比如說要密切聯(lián)系學(xué)生啊，加強(qiáng)自身的文化與素質(zhì)的修養(yǎng)啊等等的。）

三：無人領(lǐng)導(dǎo)小組討論：

你認(rèn)為下面的選項(xiàng)哪個(gè)是最重要的？請(qǐng)選出三個(gè)你覺得最重要的，然后進(jìn)行排序。

（1）思想道德素質(zhì)（2）能與周圍同時(shí)友好相處

（3）具備正常的人際關(guān)系（4）積極的工作態(tài)度

（5）邊工作邊學(xué)習(xí)的能力（6）能與領(lǐng)導(dǎo)很好地相處

（7）具備正常的工作能力