前端面試筆試題

時間：2022-09-26 13:15:25 筆試題目我要投稿

相關(guān)推薦

2017前端面試筆試題

　　近幾年前端開發(fā)比較熱，那么準備面試前端工作的你們復(fù)習(xí)好了沒?下面CN人才網(wǎng)小編為大家?guī)淼氖?017前端面試筆試題，希望對大家有所幫助~

2017前端面試筆試題

　　1、什么是H5?

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

　　(1)、語義化的標簽：好處是網(wǎng)站加載更快;該標簽舉例：header、nav、article等。

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

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

　　(4)、支持手機和平板的響應(yīng)式布局。

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

　　2、H5為什么這么火?H5是哪一年產(chǎn)生的?H5會火多久?

　　(1)、因為H5的后臺很硬，是谷歌(google)和蘋果(Apple)兩大巨頭公司，谷歌和蘋果大力倡導(dǎo)H5的發(fā)展，也是H5的忠實的支持者和實踐者(IOS+Android系統(tǒng)占據(jù)手機市場92.36%)，H5的產(chǎn)生主要目的也是干掉flash，因為flash是adobe公司的，adobe不是W3C組織的成員之一，蘋果和谷歌等萬維網(wǎng)聯(lián)盟也不希望在自己的產(chǎn)品中使用加載量過大的flash。

　　(2)、H5是2014年9月份W3C(萬維網(wǎng)聯(lián)盟，主要有蘋果和谷歌公司)組織發(fā)布的。

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

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

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

　　3、什么叫做響應(yīng)式?

　　針對不用的屏幕顯示不同的網(wǎng)頁布局，比如說大屏幕手機、小屏幕手機、平板能夠適應(yīng)不同的屏幕來顯示網(wǎng)站。

　　4、針對不同屏幕的響應(yīng)式，UI設(shè)計師該做幾套設(shè)計圖?

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

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

　　nav li { //nav標簽下的li標簽設(shè)置樣式

　　display: inline; //轉(zhuǎn)化為行元素

　　}

　　1、div是什么?在div出現(xiàn)之前做網(wǎng)站用什么布局?

　　div是網(wǎng)站布局的盒子標簽，div出現(xiàn)是table布局，因為table布局嵌套很多，網(wǎng)站加載慢，布局層級不清晰。

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

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

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

　　(3)、js=javascript是網(wǎng)站中寫前后臺交互效果、網(wǎng)頁動畫效果的一種開發(fā)語言，比如鼠標點擊事件(click)、前后臺數(shù)據(jù)請求(ajax)等。

　　3、什么是前端工程師?什么是后端工程師?

　　前端工程師就是指的做靜態(tài)網(wǎng)頁的工程師：

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

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

　　4、什么是靜態(tài)網(wǎng)頁?什么叫做動態(tài)網(wǎng)頁?

　　(1)、靜態(tài)網(wǎng)頁：沒有數(shù)據(jù)交互的網(wǎng)頁，沒有數(shù)據(jù)庫參與，沒有服務(wù)器端數(shù)據(jù)的加載。比如靜態(tài)網(wǎng)頁就是只有html+css+JavaScript做成的網(wǎng)站。

　　(2)、動態(tài)網(wǎng)頁：有后臺數(shù)據(jù)參與的網(wǎng)頁，網(wǎng)頁中的數(shù)據(jù)是從數(shù)據(jù)庫取的，需要有后臺邏輯的支持。比如動態(tài)網(wǎng)頁就是jsp頁面(后臺語言是java)、asp頁面(后臺語言是asp.net)。

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

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

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

　　6、做一個網(wǎng)站的團隊都需要哪些人?

　　(1)、產(chǎn)品經(jīng)理：設(shè)計這個產(chǎn)品，通常就是了解用戶的網(wǎng)站需求，畫原型圖。

　　(2)、項目經(jīng)理：通常是對整個產(chǎn)品有一個整理管理和負責(zé)，通常是會代碼技術(shù)的人來構(gòu)建整個網(wǎng)站的代碼框架，以后網(wǎng)站實現(xiàn)的全面管理。

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

　　(4)、前端工程師，根據(jù)設(shè)計圖來做靜態(tài)網(wǎng)頁，可能是原生app的IOS和安卓工程師，或者web端的web前端工程師。

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

【前端面試筆試題】相關(guān)文章：

前端面試自我介紹04-26

社工面試面試試題及答案08-04