前端開(kāi)發(fā)面試筆試題
導讀：我根據大家的需要整理了一份關(guān)于《前端開(kāi)發(fā)面試筆試題》的內容，具體內容：近幾年前端開(kāi)發(fā)是熱門(mén)職業(yè)之一，那么準備面試前端工作的你們知道企業(yè)一般拿什么題目進(jìn)行筆試嗎?下面由我為你提供的前端開(kāi)發(fā)筆試題，希望能幫到你。前端開(kāi)發(fā)筆試題(一)1、什么是...
近幾年前端開(kāi)發(fā)是熱門(mén)職業(yè)之一，那么準備面試前端工作的你們知道企業(yè)一般拿什么題目進(jìn)行筆試嗎?下面由我為你提供的前端開(kāi)發(fā)筆試題，希望能幫到你。
前端開(kāi)發(fā)筆試題(一)
1、什么是 H5?
H5=HTML5，指的是 HTML 超文本標記語(yǔ)言(HTML)的第五次重大修改，HTML的第五代。
HTML5 具有的特點(diǎn)：
(1)、語(yǔ)義化的標簽：好處是網(wǎng)站加載更快;該標簽舉例：header、nav、article 等。
(2)、增加了音頻、視頻標簽：好處是取代 falsh;該標簽舉例：audio、video。
(3)、canvas 標簽：好處在瀏覽器上繪制圖形或動(dòng)畫(huà)，取代 flash。
(4)、支持手機和平板的響應式布局。
HTML5 的缺點(diǎn)：低版本瀏覽器支持性不好，比如 IE9 以下的瀏覽器不支持 HTML5。
2、H5 為什么這么火?H5 是哪一年產(chǎn)生的?H5 會(huì )火多久?
(1)、因為 H5 的后臺很硬，是谷歌(google)和蘋(píng)果(Apple)兩大巨頭公司，谷歌和蘋(píng)果大力倡導 H5 的發(fā)展，也是 H5 的忠實(shí)的支持者和實(shí)踐者(IOS+Android 系統占據手機市場(chǎng) 92.36%)，H5 的產(chǎn)生主要目的也是干掉flash，因為 flash 是 adobe 公司的，adobe 不是 W3C 組織的成員之一，蘋(píng)果和谷歌等萬(wàn)維網(wǎng)聯(lián)盟也不希望在自己的產(chǎn)品中使用加載量過(guò)大的flash。
(2)、H5 是 2014 年 9 月份 W3C(萬(wàn)維網(wǎng)聯(lián)盟，主要有蘋(píng)果和谷歌公司)組織發(fā)布的。
(3)、刷臉時(shí)代(這里專(zhuān)指網(wǎng)站用戶(hù)體驗更加美觀(guān)的時(shí)代)+移動(dòng)端時(shí)代(手機+平板)，會(huì )促使 H5 會(huì )在未來(lái)的有更加美好的發(fā)展前景，只要有網(wǎng)站，H5 就會(huì )很火，UI 也就很火，H5 的發(fā)展會(huì )讓 UI 更加提高用戶(hù)的滿(mǎn)意度，H5的火爆時(shí)代，會(huì )促進(jìn) UI 更好發(fā)展。
(4)、微信的發(fā)展，O2O 的促使 H5 更火。
在這里不得不談微信，如果沒(méi)有微信，或許今天我們不會(huì )這樣來(lái)討論 H5，微信無(wú)意中養成了用戶(hù)掃碼的習慣，并通過(guò)公眾號的內容生.產(chǎn)及分發(fā)，以及微信本身已有的龐大的用戶(hù)群體及社交屬性，使基于網(wǎng)頁(yè)的內容可以快速傳播，真正帶來(lái)了 APP 即瀏覽器的時(shí)代，取消了輸入內容網(wǎng)址的麻煩。以微信為代表的超級社交 APP，解決了網(wǎng)頁(yè)內容瀏覽及分發(fā)的通路。
H5或許會(huì )沒(méi)落，但會(huì )迎來(lái) H6、H7，只會(huì )變得越來(lái)越好，所以沒(méi)必要擔心 H5會(huì )不會(huì )死，當下重在實(shí)踐與積累，至少現在，Html5 的影響力，會(huì )超出你我的想象，也就意味著(zhù) H5 的好閨蜜 UI 會(huì )一直火下去。
3、什么叫做響應式?
針對不用的屏幕顯示不同的網(wǎng)頁(yè)布局，比如說(shuō)大屏幕手機、小屏幕手機、平板能夠適應不同的屏幕來(lái)顯示網(wǎng)站。
4、針對不同屏幕的響應式，UI 設計師該做幾套設計圖?
只做一套，大多 UI 設計師會(huì )使用 iPhone5 的尺寸來(lái)做一套(640X1136)。那么這種可以適配響應式的各種屏幕的嗎?這種在 HTML5 中通過(guò)代碼中的媒體查詢(xún)來(lái)實(shí)現。媒體查詢(xún)怎么寫(xiě)?媒體查詢(xún)的具體寫(xiě)法如下：
@media screen and (max-width:640px) { //最大寬度是 640px 的屏幕寬度
nav li { //nav 標簽下的 li 標簽設置樣式
display: inline; //轉化為行元素
}
}
1、div 是什么?在 div 出現之前做網(wǎng)站用什么布局?
div 是網(wǎng)站布局的盒子標簽，div 出現是 table 布局，因為 table 布局嵌套很多，網(wǎng)站加載慢，布局層級不清晰。
2、html 是什么?css 是什么?js 是什么?
(1)、html 是超文本標記語(yǔ)言，他是做網(wǎng)站時(shí)候用的一些文本標記標簽，比如 div、span 等。
(2)、css 是層疊樣式表，是做網(wǎng)站的時(shí)候給標簽來(lái)美化網(wǎng)站的樣式，比如說(shuō) background(背景)、color(字體顏色)、height(高度)、width(寬度)等。
(3)、js=javascript 是網(wǎng)站中寫(xiě)前后臺交互效果、網(wǎng)頁(yè)動(dòng)畫(huà)效果的一種
開(kāi)發(fā)語(yǔ)言，比如鼠標點(diǎn)擊事件(click)、前后臺數據請求(ajax)等。
3、什么是前端工程師?什么是后端工程師?
前端工程師就是指的做靜態(tài)網(wǎng)頁(yè)的工程師：
(1)、廣義的前端分為三種：安卓工程師、ios 工程師、web 前端工程師。
(2)、狹義的前端指的是 web 前端工程師，web 前端工程師指的是做靜態(tài)的 PC 端和手機端靜態(tài)網(wǎng)頁(yè)的工程師。
4、什么是靜態(tài)網(wǎng)頁(yè)?什么叫做動(dòng)態(tài)網(wǎng)頁(yè)?
(1)、靜態(tài)網(wǎng)頁(yè)：沒(méi)有數據交互的網(wǎng)頁(yè)，沒(méi)有數據庫參與，沒(méi)有服務(wù)器端數據的加載。比如靜態(tài)網(wǎng)頁(yè)就是只有 html+css+JavaScript 做成的網(wǎng)站。
(2)、動(dòng)態(tài)網(wǎng)頁(yè)：有后臺數據參與的網(wǎng)頁(yè)，網(wǎng)頁(yè)中的數據是從數據庫取的，需要有后臺邏輯的支持。比如動(dòng)態(tài)網(wǎng)頁(yè)就是 jsp 頁(yè)面(后臺語(yǔ)言是java)、asp 頁(yè)面(后臺語(yǔ)言是 asp.net)。
5、前端語(yǔ)言有哪些?后端語(yǔ)言有哪些?
(1)、前端語(yǔ)言：HTML、css、javascript。
(2)、后端語(yǔ)言(服務(wù)器端語(yǔ)言)：php、java、asp.net。最近新出的 node.js
6、做一個(gè)網(wǎng)站的團隊都需要哪些人?
(1)、產(chǎn)品經(jīng)理：設計這個(gè)產(chǎn)品，通常就是了解用戶(hù)的網(wǎng)站需求，畫(huà)原型圖。
(2)、項目經(jīng)理：通常是對整個(gè)產(chǎn)品有一個(gè)整理管理和負責，通常是會(huì )代碼技術(shù)的人來(lái)構建整個(gè)網(wǎng)站的代碼框架，以后網(wǎng)站實(shí)現的全面管理。
(3)、UI 設計師，通過(guò)原型圖畫(huà) psd 設計圖的。
(4)、前端工程師，根據設計圖來(lái)做靜態(tài)網(wǎng)頁(yè)，可能是原生 app 的 IOS
和安卓工程師，或者 web 端的 web 前端工程師。
(5)、后端工程師，通常就是做 java、asp.net、php 的工程師來(lái)寫(xiě)后端邏輯的工程師
前端開(kāi)發(fā)筆試題(二)
面試的注意事項
1、微笑是自信的第一步，也能為你消除緊張。不能苦著(zhù)一張臉，否則不能給人以最佳的印象，爭取到工作機會(huì )。
面試寶典
2、避免無(wú)袖，露背，迷你裙等性感裝束。裙長(cháng)應至少蓋住大腿的三分之二。
3、注重細節，如鞋子是否干凈閃亮那是好品味與壞品味之間微妙的差異。
4、保守淡雅的彩妝，勿濃妝艷抹，也不宜脂粉不施。頭發(fā)，指甲，配件等細節位置，都應干凈清爽，給人良好的印象。
5、不要穿露出腳趾的涼鞋，宜穿素色素面的一寸半包鞋，自然地抬頭挺胸，精神飽滿(mǎn)。
6、只帶一個(gè)手提包或公事包，盡量把化妝品，筆，零碎的小東西有條有理地收好。手里又提又拿，容易給人凌亂急躁的感覺(jué)。
7、裁剪合宜，簡(jiǎn)單大方的套裝，比兩件式上下身搭配或洋裝更能建立權威感與專(zhuān)業(yè)感，而女士下身應以裙裝為主，如穿長(cháng)褲，應選擇質(zhì)料柔軟，裁剪合宜的西裝褲。
8、簡(jiǎn)單高雅的配飾，不要配戴造型過(guò)于夸張，會(huì )?？诋斪黜懙娘椘?。
9、套裝、西裝顏色以中性為主，避免夸張、刺眼的顏色。
