前端開發面試筆試題

近幾年前端開發是熱門職業之一，那麼準備面試前端工作的你們知道企業一般拿什麼題目進行筆試嗎?下面由本站小編為你提供的前端開發筆試題，希望能幫到你。

前端開發筆試題(一)

1、什麼是H5?

H5=HTML5，指的是HTML超文字標記語言(HTML)的第五次重大修改，HTML的第五代。 HTML5具有的特點：

(1)、語義化的標籤：好處是網站載入更快;該標籤舉例：header、nav、article等。

(2)、增加了音訊、視訊標籤：好處是取代falsh;該標籤舉例：audio、video。

(3)、canvas標籤：好處在瀏覽器上繪製圖形或動畫，取代flash。

(4)、支援手機和平板的響應式佈局。

HTML5的缺點：低版本瀏覽器支援性不好，比如IE9以下的瀏覽器不支援HTML5。

2、H5為什麼這麼火?H5是哪一年產生的?H5會火多久?

(1)、因為H5的後臺很硬，是谷歌(google)和蘋果(Apple)兩大巨頭公司，谷歌和蘋果大力倡導H5的發展，也是H5的忠實的支持者和實踐者(IOS+Android系統佔據手機市場92.36%)，H5的產生主要目的也是幹掉flash，因為flash是adobe公司的，adobe不是W3C組織的成員之一，蘋果和谷歌等全球資訊網聯盟也不希望在自己的產品中使用載入量過大的flash。

(2)、H5是20xx年9月份W3C(全球資訊網聯盟，主要有蘋果和谷歌公司)組織釋出的。

(3)、刷臉時代(這裡專指網站使用者體驗更加美觀的時代)+移動端時代(手機+平板)，會促使H5會在未來的有更加美好的發展前景，只要有網站，H5就會很火，UI也就很火，H5的發展會讓UI更加提高使用者的滿意度，H5的火爆時代，會促進UI更好發展。

(4)、微信的發展，O2O的促使H5更火。

在這裡不得不談微信，如果沒有微信，或許今天我們不會這樣來討論H5，微信無意中養成了使用者掃碼的習慣，並通過公眾號的內容生.產及分發，以及微信本身已有的龐大的使用者群體及社交屬性，使基於網頁的內容可以快速傳播，真正帶來了APP即瀏覽器的時代，取消了輸入內容網址的麻煩。以微信為代表的超級社交APP，解決了網頁內容瀏覽及分發的通路。 H5或許會沒落，但會迎來H6、H7„，只會變得越來越好，所以沒必要擔心H5會不會死，當下重在實踐與積累，至少現在，Html5的影響力，會超出你我的想象，也就意味著H5的好閨蜜UI會一直火下去。

3、什麼叫做響應式?

針對不用的螢幕顯示不同的網頁佈局，比如說大螢幕手機、小螢幕手機、平板能夠適應不同的螢幕來顯示網站。

4、針對不同螢幕的響應式，UI設計師該做幾套設計圖?

只做一套，大多UI設計師會使用iPhone5的尺寸來做一套(640X1136)。那麼這種可以適配響應式的各種螢幕的嗎?這種在HTML5中通過程式碼中的媒體查詢來實現。媒體查詢怎麼寫?媒體查詢的具體寫法如下：

@media screen and (max-width:640px) { //最大寬度是640px的螢幕寬度

nav li { //nav標籤下的li標籤設定樣式

display: inline; //轉化為行元素

}

}

1、div是什麼?在div出現之前做網站用什麼佈局?

div是網站佈局的盒子標籤，div出現是table佈局，因為table佈局巢狀很多，網站載入慢，佈局層級不清晰。

2、html是什麼?css是什麼?js是什麼?

(1)、html是超文字標記語言，他是做網站時候用的一些文字標記標籤，比如div、span等。

(2)、css是層疊樣式表，是做網站的時候給標籤來美化網站的樣式，比如說background(背景)、color(字型顏色)、height(高度)、width(寬度)等。

(3)、js=javascript是網站中寫前後臺互動效果、網頁動畫效果的一種開發語言，比如滑鼠點選事件(click)、前後臺數據請求(ajax)等。

3、什麼是前端工程師?什麼是後端工程師?

前端工程師就是指的做靜態網頁的工程師：

(1)、廣義的前端分為三種：安卓工程師、ios工程師、web前端工程師。

(2)、狹義的前端指的是web前端工程師，web前端工程師指的是做靜態的PC端和手機端靜態網頁的工程師。

4、什麼是靜態網頁?什麼叫做動態網頁?

(1)、靜態網頁：沒有資料互動的網頁，沒有資料庫參與，沒有伺服器端資料的載入。比如靜態網頁就是隻有html+css+JavaScript做成的網站。

(2)、動態網頁：有後臺數據參與的網頁，網頁中的資料是從資料庫取的，需要有後臺邏輯的支援。比如動態網頁就是jsp頁面(後臺語言是java)、asp頁面(後臺語言是)。

5、前端語言有哪些?後端語言有哪些?

(1)、前端語言：HTML、css、javascript。

(2)、後端語言(伺服器端語言)：php、java、。最近新出的

6、做一個網站的團隊都需要哪些人?

(1)、產品經理：設計這個產品，通常就是了解使用者的網站需求，畫原型圖。

(2)、專案經理：通常是對整個產品有一個整理管理和負責，通常是會程式碼技術的人來構建整個網站的程式碼框架，以後網站實現的全面管理。

(3)、UI設計師，通過原型圖畫psd設計圖的。

(4)、前端工程師，根據設計圖來做靜態網頁，可能是原生app的IOS和安卓工程師，或者web端的web前端工程師。

(5)、後端工程師，通常就是做java、、php的工程師來寫後端邏輯的工程師

前端開發筆試題(二)

面試的注意事項

1、微笑是自信的第一步，也能為你消除緊張。不能苦著一張臉，否則不能給人以最佳的印象，爭取到工作機會。 面試寶典

2、避免無袖，露背，迷你裙等性感裝束。裙長應至少蓋住大腿的三分之二。

3、注重細節，如鞋子是否乾淨閃亮那是好品味與壞品味之間微妙的差異。

4、保守淡雅的彩妝，勿濃妝豔抹，也不宜脂粉不施。頭髮，指甲，配件等細節位置，都應乾淨清爽，給人良好的印象。

5、不要穿露出腳趾的涼鞋，宜穿素色素面的一寸半包鞋，自然地抬頭挺胸，精神飽滿。

6、只帶一個手提包或公事包，儘量把化妝品，筆，零碎的小東西有條有理地收好。手裡又提又拿，容易給人凌亂急躁的感覺。

7、裁剪合宜，簡單大方的套裝，比兩件式上下身搭配或洋裝更能建立權威感與專業感，而女士下身應以裙裝為主，如穿長褲，應選擇質料柔軟，裁剪合宜的西裝褲。

8、簡單高雅的配飾，不要配戴造型過於誇張，會叮口當作響的飾品。

9、套裝、西裝顏色以中性為主，避免誇張、刺眼的顏色。