前端開發面試筆試題

　前端開發面試筆試題

　 導讀：我根據大家的需要整理了一份關于《前端開發面試筆試題》的內容，具體內容：近幾年前端開發是熱門職業之一，那么準備面試前端工作的你們知道企業一般拿什么題目進行筆試嗎?下面由我為你提供的前端開發筆試題，希望能幫到你。前端開發筆試題(一)1、什么是...

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

　前端開發筆試題(一)

　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 是 2014 年 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 頁面(后臺語言是 asp.net)。

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

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

　(2)、后端語言(服務器端語言)：php、java、asp.net。最近新出的 node.js

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

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

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

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

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

　和安卓工程師，或者 web 端的 web 前端工程師。

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

　前端開發筆試題(二)

　面試的注意事項

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

　面試寶典

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

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

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

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

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

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

　8、簡單高雅的配飾，不要配戴造型過于夸張，會?？诋斪黜懙娘椘?。

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