前端面試題及答案1

　　1、什么是H5?

　　H5=HTML5，指的是HTML超文本標(biāo)記語(yǔ)言(HTML)的第五次重大修改，HTML的第五代。 HTML5具有的特點(diǎn)：

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

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

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

　　(4)、**手機(jī)和*板的響應(yīng)式布局。

　　HTML5的缺點(diǎn)：低版本瀏覽器**性不好，比如IE9以下的瀏覽器不**HTML5。

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

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

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

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

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

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

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

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

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

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

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

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

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

　　}

　　}

前端面試題及答案2

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

　　p是網(wǎng)站布局的盒子標(biāo)簽，p出現(xiàn)是table布局，因?yàn)閠able布局嵌套很多，網(wǎng)站加載慢，布局層級(jí)不清晰。

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

　　(1)、html是超文本標(biāo)記語(yǔ)言，他是做網(wǎng)站時(shí)候用的一些文本標(biāo)記標(biāo)簽，比如p、p等。

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

　　(3)、js=javascript是網(wǎng)**寫前**交互效果、網(wǎng)頁(yè)動(dòng)畫效果的一種開發(fā)語(yǔ)言，比如鼠標(biāo)點(diǎn)擊事件(click)、前**數(shù)據(jù)請(qǐng)求(ajax)等。

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

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

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

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

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

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

　　(2)、***頁(yè)：有**數(shù)據(jù)參與的網(wǎng)頁(yè)，網(wǎng)頁(yè)中的數(shù)據(jù)是從數(shù)據(jù)庫(kù)取的，需要有**邏輯的**。比如***頁(yè)就是jsp頁(yè)面(**語(yǔ)言是java)、asp頁(yè)面(**語(yǔ)言是asp)。

　　5、前端語(yǔ)言有哪些?后端語(yǔ)言有哪些?

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

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

　　6、做一個(gè)網(wǎng)站的團(tuán)隊(duì)都需要哪些人?

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

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

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

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

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

前端面試題及答案3篇擴(kuò)展閱讀

前端面試題及答案3篇（擴(kuò)展1）

——android面試題及答案3篇

android面試題及答案1

　　1. Intent的幾種有關(guān)Activity啟動(dòng)的方式有哪些，你了解每個(gè)含義嗎?

　　這里Android123提示大家，Intent的一些標(biāo)記有FLAG_ACTIVITY_BROUGHT_TO_FRONT 、FLAG_ACTIVITY_CLEAR_TOP、FLAG_ACTIVITY_CLEAR_WHEN_TASK_RESET、FLAG_ACTIVITY_EXCLUDE_FROM_RECENTS、FLAG_ACTIVITY_MULTIPLE_TASK和FLAG_ACTIVITY_NEW_TASK 等。每種含義大家看SDK文檔和具體跑下這樣你的記憶會(huì)更深刻些。

　　2. Activity和Task的啟動(dòng)模式有哪些? 每種含義是什么?

　　有關(guān)在AndroidManifest.xml中的android:launchMode定義，主要有standard、singleTop、singleTask和singleInstance，同時(shí)對(duì)于android:taskAffinity這些問題大家也要了解，Android開發(fā)網(wǎng)在以前的文章中講過，不過很多開發(fā)者仍然不是很清楚，這些基礎(chǔ)問題我們以后仍然會(huì)再次總結(jié)。

　　3. 通過Intent傳遞一些二進(jìn)制數(shù)據(jù)的方法有哪些?

　　1). 使用Serializable接口實(shí)現(xiàn)序列化，這是Java常用的方法。

　　2). 實(shí)現(xiàn)Parcelable接口，這里Android的部分類比如Bitmap類就已經(jīng)實(shí)現(xiàn)了，同時(shí)Parcelable在Android AIDL中交換數(shù)據(jù)也很常見的。

　　4. 能說下Android應(yīng)用的入口點(diǎn)嗎?

　　在Google的虛擬機(jī)中Application實(shí)例中已經(jīng)實(shí)現(xiàn)了main方法，有關(guān)具體的Application介紹可以參考 Android程序的入口點(diǎn)是什么,不是Main()嗎

　　5. Java基礎(chǔ)問題，說說HashSet和HashTable的區(qū)別?

　　這個(gè)相信Java程序員都知道HashSet相對(duì)于HashMap就是不能存放重復(fù)的數(shù)據(jù)，對(duì)于HashTable來說，存放的數(shù)據(jù)不能出現(xiàn)key或value為null這樣的情況。

　　6. Java基礎(chǔ)問題，用Java的集合類寫下廣度優(yōu)先搜索.

　　這個(gè)屬于基礎(chǔ)數(shù)據(jù)結(jié)構(gòu)問題，通過隊(duì)列處理一層一層，相對(duì)于深度優(yōu)先的棧處理方式來說更實(shí)用一些。

　　7. Android都有哪些XML解析器，都熟練掌握嗎?

　　這里XmlPull、SAX和DOM相信做過Web開發(fā)的都已經(jīng)滾瓜爛熟了。

　　8. SQLite**事務(wù)嗎? 添加刪除如何提高性能?

　　SQLite作為輕量級(jí)的數(shù)據(jù)庫(kù)，比MySQL還小，但**SQL語(yǔ)句查詢，提高性能可以考慮通過原始經(jīng)過優(yōu)化的SQL查詢語(yǔ)句方式處理。

　　9. Android Service和Binder、AIDL你都熟練嗎?

　　作為Android重要的**服務(wù)，這些每個(gè)Android開發(fā)者都應(yīng)該掌握，這也算是和Java SE最大的不同了，具體的實(shí)例大家可以查看Android音樂播放器的源代碼Music.git中的，這里不再贅述。

　　10. 你用過哪款A(yù)ndroid手機(jī)，有哪些優(yōu)點(diǎn)和不足，相對(duì)于iPhone或Symbian又有哪些優(yōu)缺點(diǎn)?

　　把這個(gè)作為面試題也是考察下，可以大概了解到它對(duì)Android的了解程度，多移動(dòng)開發(fā)的認(rèn)識(shí)。

android面試題及答案2

　　1、 Android的四大組件是哪些，它們的作用?

　　答：Activity：Activity是Android程序與用戶交互的窗口，是Android構(gòu)造塊中最基本的一種，它需要為保持各界面的狀態(tài)，做很多持久化的事情，妥善管理生命周期以及一些跳轉(zhuǎn)邏輯

　　service：**服務(wù)于Activity，封裝有一個(gè)完整的功能邏輯實(shí)現(xiàn)，接受上層指令，完成相關(guān)的食物，定義好需要接受的`Intent提供同步和異步的接口

　　Content Provider：是Android提供的第三方應(yīng)用數(shù)據(jù)的訪問方案，可以派生Content

　　Provider類，對(duì)外提供數(shù)據(jù)，可以像數(shù)據(jù)庫(kù)一樣進(jìn)行選擇排序，屏蔽內(nèi)部數(shù)據(jù)的存儲(chǔ)細(xì)節(jié)，向外提供**的借口模型，**簡(jiǎn)化上層應(yīng)用，對(duì)數(shù)據(jù)的整合提供了更方便的途徑

　　BroadCast Receiver：接受一種或者多種Intent作觸發(fā)事件，接受相關(guān)消息，做一些簡(jiǎn)單處理，轉(zhuǎn)換成一條Notification，**了Android的事件廣播模型

　　2、 請(qǐng)介紹下Android中常用的五種布局。

　　常用五種布局方式，分別是：FrameLayout(框架布局)，LinearLayout (線性布局)，AbsoluteLayout(絕對(duì)布局)，RelativeLayout(相對(duì)布局)，TableLayout(表格布局)。

　　一、FrameLayout：所有東西依次都放在左上角，會(huì)重疊，這個(gè)布局比較簡(jiǎn)單，也只能放一點(diǎn)比較簡(jiǎn)單的東西。

　　二、LinearLayout：線性布局，每一個(gè)LinearLayout里面又可分為垂直布局(android:orientation=”vertical”)和水*布局(android:orientation=”horizontal” )。當(dāng)垂直布局時(shí)，每一行就只有一個(gè)元素，多個(gè)元素依次垂直往下;水*布局時(shí)，只有一行，每一個(gè)元素依次向右排列。

　　三、AbsoluteLayout：絕對(duì)布局用X,Y坐標(biāo)來指定元素的位置，這種布局方式也比較簡(jiǎn)單，但是在屏幕旋轉(zhuǎn)時(shí)，往往會(huì)出問題，而且多個(gè)元素的時(shí)候，計(jì)算比較麻煩。

　　四、RelativeLayout：相對(duì)布局可以理解為某一個(gè)元素為參照物，來定位的布局方式。主要屬性有：相對(duì)于某一個(gè)元素android:layout_below、 android:layout_toLeftOf相對(duì)于父元素的地方android:layout_alignParentLeft、android:layout_alignParentRigh;

　　五、TableLayout：表格布局，每一個(gè)TableLayout里面有表格行TableRow，TableRow里面可以具體定義每一個(gè)元素。每一個(gè)布局都有自己適合的方式，這五個(gè)布局元素可以相互嵌套應(yīng)用，做出美觀的界面。

　　3、 android中的動(dòng)畫有哪幾類，它們的特點(diǎn)和區(qū)別是什么

　　答：兩種，一種是Tween動(dòng)畫、還有一種是Frame動(dòng)畫。

　　Tween動(dòng)畫，這種實(shí)現(xiàn)方式可以使視圖組件移動(dòng)、放大、縮小以及產(chǎn)生透明度的變化; 另一種Frame動(dòng)畫，傳統(tǒng)的動(dòng)畫方法，通過順序的播放排列好的圖片來實(shí)現(xiàn)，類似電影。

　　4、 android 中有哪幾種解析xml的類?**推薦哪種?以及它們的原理和區(qū)別。

　　答：XML解析主要有三種方式，SAX、DOM、PULL。常規(guī)在PC上開發(fā)我們使用Dom相對(duì)輕松些，但一些性能**的數(shù)據(jù)庫(kù)或手機(jī)上還是主要采用SAX方式，SAX讀取是單向的，優(yōu)點(diǎn):不占內(nèi)存空間、解析屬性方便，但缺點(diǎn)就是對(duì)于套嵌多個(gè)分支來說處理不是很方便。而DOM方式會(huì)把整個(gè)XML文件加載到內(nèi)存中去，這里Android開發(fā)網(wǎng)提醒大家該方法在查找方面可以和XPath很好的結(jié)合如果數(shù)據(jù)量不是很大推薦使用，而PULL常常用在J2ME對(duì)于節(jié)點(diǎn)處理比較好，類似SAX方式，同樣很節(jié)省內(nèi)存，在J2ME中我們經(jīng)常使用的KXML庫(kù)來解析。

　　5、 ListView的優(yōu)化方案

　　答：1、如果自定義適配器，那么在getView方法中要考慮方法傳進(jìn)來的參數(shù)contentView是否為null，如果為null就創(chuàng)建contentView并返回，如果不為null則直接使用。在這個(gè)方法中盡可能少創(chuàng)建view。

　　2、給contentView設(shè)置tag(setTag())，傳入一個(gè)viewHolder對(duì)象，用于緩存要顯示的數(shù)據(jù)，可以達(dá)到圖像數(shù)據(jù)異步加載的效果。

　　3、如果listview需要顯示的item很多，就要考慮分頁(yè)加載。比如一共要顯示100條或者更多的時(shí)候，我們可以考慮先加載20條，等用戶拉到列表底部的時(shí)候再去加載接下來的20條。

前端面試題及答案3篇（擴(kuò)展2）

——web前端面試題3篇

web前端面試題1

　　1、為什么要初始化CSS樣式。

　　因?yàn)闉g覽器的兼容問題，不同瀏覽器對(duì)有些標(biāo)簽的默認(rèn)值是不同的，如果沒對(duì)CSS初始化往往會(huì)出現(xiàn)瀏覽器之間的頁(yè)面顯示差異。

　　當(dāng)然，初始化樣式會(huì)對(duì)SEO有一定的影響，但魚和熊掌不可兼得，但力求影響最小的情況下初始化。

　　*最簡(jiǎn)單的初始化方法就是： * {padding: 0; margin: 0;} 。

　　2、Doctype作用? 嚴(yán)格模式與混雜模式-如何觸發(fā)這兩種模式，區(qū)分它們有何意義?

　　(1)、聲明位于文檔中的最前面，處于標(biāo)簽之前。告知瀏覽器的解析器，用什么文檔類型規(guī)范來解析這個(gè)文檔。

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

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

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

　　3、CSS 選擇符有哪些?哪些屬性可以繼承?優(yōu)先級(jí)算法如何計(jì)算?

　　(1)、id選擇器( # myid)

　　(2)、類選擇器(.myclassname)

　　(3)、標(biāo)簽選擇器(p, h1, p)

　　(4)、相鄰選擇器(h1 + p)

　　(5)、子選擇器(ul< li)

　　(6)、后代選擇器(li a)

　　(7)、通配符選擇器( * )

　　(8)、屬性選擇器(a[rel = “external”])

　　(9)、偽類選擇器(a: hover, li: nth – child)

　　* 可繼承：font-size font-family color, ul li dl dddt;

　　* 不可繼承：border padding margin width height ;

　　* 優(yōu)先級(jí)就近原則，樣式定義最近者為準(zhǔn);

　　* 載入樣式以最后載入的定位為準(zhǔn);

　　優(yōu)先級(jí)為:

　　!important > id> class > tag

　　important 比內(nèi)聯(lián)優(yōu)先級(jí)高

　　4、如何居中p，如何居中一個(gè)浮動(dòng)元素?

　　確定容器的寬高寬500 高 300 的層。

　　設(shè)置層的外邊距

　　.p {

　　Width:500px ; height:300px;//高度可以不設(shè)

　　Margin: -150px 0 0 -250px;

　　position:relative;相對(duì)定位

　　background-color:pink;//方便看效果

　　left:50%;

　　top:50%;

　　}

web前端面試題2

　　1、css的基本語(yǔ)句構(gòu)成是?

　　選擇器{屬性1:值1;屬性2:值2;??} 例如：p{margin-top:10px;border:1px solid #ccc}

　　2、前端頁(yè)面由哪三層構(gòu)成，分別是什么?作用是什么?

　　網(wǎng)頁(yè)分成三個(gè)層次，即：結(jié)構(gòu)層、表示層、行為層。

　　網(wǎng)頁(yè)的結(jié)構(gòu)層(structural layer)由 HTML 或 XHTML 之類的標(biāo)記語(yǔ)言負(fù)責(zé)創(chuàng)建。標(biāo)簽，也就是那些出現(xiàn)在尖括號(hào)里的單詞，對(duì)網(wǎng)頁(yè)內(nèi)容的語(yǔ)義含義做出了描述，但這些標(biāo)簽不包含任何關(guān)于如何顯示有關(guān)內(nèi)容的信息。例如，P 標(biāo)簽表達(dá)了這樣一種語(yǔ)義：“這是一個(gè)文本段�！� 網(wǎng)頁(yè)的表示層(presentation layer)由 CSS 負(fù)責(zé)創(chuàng)建。 CSS 對(duì)“如何顯示有關(guān)內(nèi)容”的問題做出了回答。

　　網(wǎng)頁(yè)的行為層(behavior layer)負(fù)責(zé)回答“內(nèi)容應(yīng)該如何對(duì)事件做出反應(yīng)”這一問題。這是Javascript語(yǔ)言和 DOM 主宰的領(lǐng)域。

　　3、你做的頁(yè)面在哪些流覽器測(cè)試過?

　　IE內(nèi)核瀏覽器：360，傲游，搜狗，世界之窗，騰訊TT。

　　非IE內(nèi)核瀏覽器：firefox opera safari chrome 。

　　4、著名的前端框架都有哪些的呢?

　　布局框架：bootstrap、easy UI等。

　　Js動(dòng)效框架：jquery、angular.js等。

　　5、做一個(gè)網(wǎng)頁(yè)***或者前端工程師，*常訪問學(xué)習(xí)的IT網(wǎng)站都有哪些?

　　(1)、W3C *shool

　　(2)、segme*tFault

　　(3)、cs*n

　　(4)、知呼論壇

　　(5)、博*園

　　6、切圖工作是UI***來做?還是前端工程師來做?

　　對(duì)于app工程師，也就是ios和Android工程師，大多由UI***來完成切圖。

　　對(duì)于web前端工程師，也就是PC端、瀏覽端，大多有web前端工程師自己完成切圖。

前端面試題及答案3篇（擴(kuò)展3）

——前端基礎(chǔ)面試題3篇

前端基礎(chǔ)面試題1

　　1、什么時(shí)網(wǎng)頁(yè)三劍客?

　　網(wǎng)頁(yè)三劍客，是一套強(qiáng)大的網(wǎng)頁(yè)編輯工具，最初是由Macromedia公司開發(fā)出來的。由Dreamweaver，F(xiàn)ireworks，F(xiàn)lash三個(gè)軟件組成，俗稱網(wǎng)頁(yè)三劍客。

　　Dreamweaver 是一個(gè)“所見即所得”的可視化網(wǎng)站開發(fā)工具，主要用于***頁(yè)和靜態(tài)網(wǎng)頁(yè)的開發(fā);Fireworks主要是用于對(duì)網(wǎng)頁(yè)上常用的jpg、gif的制作和處理，也可用于制作網(wǎng)頁(yè)布局;Flash主要用來制作動(dòng)畫，現(xiàn)推出Flash*臺(tái)，可預(yù)見有極好的前景。

　　2、怎么調(diào)試網(wǎng)頁(yè)代碼?怎么查看網(wǎng)頁(yè)源代碼?

　　(1)、按鍵盤上的F12，打開開發(fā)者調(diào)試工具;

　　(2)、鼠標(biāo)右鍵查看頁(yè)面源代碼。

　　3、什么是H5?

　　H5=HTML5，指的是HTML超文本標(biāo)記語(yǔ)言(HTML)的第五次重大修改，HTML的第五代。 HTML5具有的特點(diǎn)：

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

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

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

　　(4)、**手機(jī)和*板的響應(yīng)式布局。

　　HTML5的缺點(diǎn)：低版本瀏覽器**性不好，比如IE9以下的瀏覽器不**HTML5。

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

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

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

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

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

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

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

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

前端基礎(chǔ)面試題2

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

　　(1)、CSS規(guī)范規(guī)定，每個(gè)元素都有display屬性，確定該元素的類型，每個(gè)元素都有默認(rèn)的display值，比如p默認(rèn)display屬性值為“block”，成為“塊級(jí)”元素;p默認(rèn)display屬性值為“inline”，是“行內(nèi)”元素。

　　(2)、行內(nèi)元素有：a b p img input select strong(強(qiáng)調(diào)的語(yǔ)氣)

　　塊級(jí)元素有：p ulol li dl dtdd h1 h2 h3 h4?p。

　　2、CSS的盒子模型?

　　(1)、兩種， IE 盒子模型、標(biāo)準(zhǔn)W3C 盒子模型;IE 的content部分包含了 border 和pading;

　　(2)、盒模型：內(nèi)容(content)、填充(padding)、邊界(margin)、邊框(border)。

　　3、瀏覽器的內(nèi)核分別是什么?經(jīng)常遇到的瀏覽器的兼容性有哪些?

　　* IE瀏覽器的內(nèi)核Trident、 Mozilla(火狐)的Gecko、google(谷歌)的WebKit、Opera內(nèi)核Presto;

　　* png24為的圖片在iE6瀏覽器上出現(xiàn)背景，解決方案是做成PNG8.

　　* 瀏覽器默認(rèn)的margin和padding不同。解決方案是加一個(gè)全局的*{margin:0;padding:0;}來**。

　　* IE6雙邊距bug:塊屬性標(biāo)簽float后，又有橫行的margin情況下，在ie6顯示margin比設(shè)置的大。

　　4、頁(yè)面重構(gòu)怎么操作?

　　編寫 CSS、讓頁(yè)面結(jié)構(gòu)更合理化，提升用戶體驗(yàn)，實(shí)現(xiàn)良好的頁(yè)面效果和提升性能。

　　5、為什么要初始化CSS樣式。

　　因?yàn)闉g覽器的兼容問題，不同瀏覽器對(duì)有些標(biāo)簽的默認(rèn)值是不同的，如果沒對(duì)CSS初始化往往會(huì)出現(xiàn)瀏覽器之間的頁(yè)面顯示差異。

　　當(dāng)然，初始化樣式會(huì)對(duì)SEO有一定的影響，但魚和熊掌不可兼得，但力求影響最小的情況下初始化。

　　*最簡(jiǎn)單的初始化方法就是： * {padding: 0; margin: 0;} 。

前端面試題及答案3篇（擴(kuò)展4）

——面試題目及答案3篇

面試題目及答案1

　　問題：你對(duì)我們公司有多少了解?

　　回答：

　　1.完全不了解。

　　2.因?yàn)閷?duì)貴公司有關(guān)方面相當(dāng)有興趣,所以才來應(yīng)聘.

　　點(diǎn)評(píng)：若回答1.那就沒有必要再說下去了，但錄用的機(jī)會(huì)也就小了。最好的回答是2，這是公司想測(cè)試應(yīng)聘者對(duì)公司的興趣，關(guān)注程度，以后進(jìn)公司工作的意愿的問題，因此，最好要稍稍記住公司的簡(jiǎn)介內(nèi)容和招聘人事廣告內(nèi)容。

面試題目及答案2

　　問題：你談?wù)勥x擇這份工作的動(dòng)機(jī)?

　　回答：“這個(gè)職位剛好是我的專業(yè)對(duì)口，能把學(xué)的書本知識(shí)在實(shí)踐中更好地應(yīng)用�！�

　　“我雖然學(xué)的專業(yè)與這職位有區(qū)別，但我對(duì)這方面的能力較強(qiáng)，相信自己能干好這份工作。

　　點(diǎn)評(píng)：這是測(cè)試面試者對(duì)這份工作的理解程度及熱忱，并篩選因一時(shí)興起而來應(yīng)聘的人。

面試題目及答案3

　　問題：你家在外地，我們單位無住宿，你如何看待呢?

　　回答：家在外地，貴單位無住宿條件，這些都不影響我來應(yīng)聘貴公司，住宿我可以自己解決，無須單位操心，我看重貴公司的發(fā)展前途。

　　點(diǎn)評(píng)：不要因?yàn)閭�(gè)人生活上的小問題，而錯(cuò)失良機(jī)。主試者也想看看你對(duì)困難的看法，自信心程度。

前端面試題及答案3篇（擴(kuò)展5）

——出納面試題及答案3篇

出納面試題及答案1

　　1、什么是出納復(fù)核**?

　　答案：指一切現(xiàn)金實(shí)物的收付和交接及出納各類賬簿的記載，都要換人復(fù)核，不得一人辦理。做到職責(zé)明確，相互**，密切協(xié)作，準(zhǔn)確及時(shí)。

　　2、什么是出納“雙先”**?

　　答案：即現(xiàn)金(實(shí)物)收入，先收款后記賬，現(xiàn)金(實(shí)物)付出，先記賬后付款。在辦理業(yè)務(wù)時(shí)，要嚴(yán)格順序操作，避免發(fā)生差錯(cuò)。

　　(1)現(xiàn)金(實(shí)物)收入先收款后記賬。指收入現(xiàn)金(實(shí)物)時(shí)先由出納部門將現(xiàn)金(實(shí)物)收妥后，憑證才能傳遞會(huì)計(jì)部門憑以記賬。

　　(2)現(xiàn)金(實(shí)物)付出先記賬后付款。付出現(xiàn)金(實(shí)物)時(shí)，先由會(huì)計(jì)部門**憑證并記賬后，出納部門才能憑以辦理付款。

　　3、什么是出納登記**?

　　答案：(1)指辦理現(xiàn)金和實(shí)物收付、轉(zhuǎn)移時(shí)，必須逐筆序時(shí)記載現(xiàn)金收入、付出日記簿和其他有關(guān)的賬簿。及時(shí)反映收入或付出的現(xiàn)金(實(shí)物)數(shù)額和**憑證的數(shù)量，不得延誤。

　　(2)券別登記。指辦理現(xiàn)金收付業(yè)務(wù)時(shí)，必須在收付款憑證的背面加蓋券別印章，并登記款項(xiàng)的券別張數(shù)和金額。

出納面試題及答案2

　　1、什么是出納交接**?

　　答案：出納人員因工作變動(dòng)，現(xiàn)金或有價(jià)證券的出入庫(kù)、調(diào)撥、轉(zhuǎn)移以及庫(kù)房鑰匙、業(yè)務(wù)公章、槍支彈藥等重要物品換人經(jīng)管時(shí)，都必須辦理交接登記手續(xù)，做到當(dāng)面交接清楚，手續(xù)嚴(yán)密，記錄在案，有據(jù)可查。

　　2、什么是出納查庫(kù)**?

　　答案：查庫(kù)是指上級(jí)**或****對(duì)出納業(yè)務(wù)、庫(kù)存現(xiàn)金、庫(kù)房管理進(jìn)行的定期或不定期的檢查。無論那一級(jí)查庫(kù)都必須按以下要求進(jìn)行檢查：

　　(1)市地信用合作管理部門每半年要對(duì)轄屬縣聯(lián)社營(yíng)業(yè)部的業(yè)務(wù)庫(kù)存全面檢查一次。

　　(2)縣聯(lián)社**或分管**每季度要對(duì)聯(lián)社查庫(kù)一次，對(duì)所轄營(yíng)業(yè)單位每年至少**一次全面性的查庫(kù);縣聯(lián)社出納管理部門對(duì)所屬基層營(yíng)業(yè)單位每季至少查庫(kù)一次，并經(jīng)常檢查督促查庫(kù)**的貫徹落實(shí)情況。

　　(3)基層信用社主持工作的**每月要不定期全面查庫(kù)一次。

　　(4)基層信用社內(nèi)勤**或指定人員每月對(duì)所轄營(yíng)業(yè)網(wǎng)點(diǎn)(門市、分社、儲(chǔ)蓄所等)要不定期全面查庫(kù)一次。

前端面試題及答案3篇（擴(kuò)展6）

——前端面試技巧3篇

前端面試技巧1

　　一、基本知識(shí)

　　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)系，IE8以下版本的瀏覽器中的盒模型有什么不同。

　　塊級(jí)元素與行內(nèi)元素——怎么用CSS**它們、它們?cè)鯓佑绊懼車�的元素以及你覺得應(yīng)該如何定義它們的樣式。

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

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

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

　　二、少量**

　　現(xiàn)在有一個(gè)正顯示著Yahoo!股票價(jià)格的頁(yè)面。頁(yè)面上有一個(gè)按鈕，你可以單擊它來刷新價(jià)格，但不會(huì)重新加載頁(yè)面。請(qǐng)你描述一下實(shí)現(xiàn)這個(gè)功能的過程，假設(shè)服務(wù)器會(huì)負(fù)責(zé)準(zhǔn)備好正確的股票價(jià)格數(shù)據(jù)。

　　這個(gè)問題牽扯到一組我想要考察的基本知識(shí)點(diǎn)：DOM結(jié)構(gòu)、DOM操作、事件處理、XHR和JSON。如果我要求你對(duì)換一種處理股票價(jià)格的方式，或者 讓你在頁(yè)面中顯示其他信息，就可以把更多的知識(shí)點(diǎn)包括進(jìn)來。對(duì)于經(jīng)驗(yàn)比較豐富應(yīng)聘者，我也可以自如地?cái)U(kuò)展要考察的知識(shí)范圍，最簡(jiǎn)單像JOSN與XML的區(qū)別、安全問題、容量問題等等。

　　我還希望應(yīng)聘者給出的任何解決方案中都不要使用庫(kù)。我想看到最原生態(tài)的代碼，你就當(dāng)頁(yè)面中沒有包含任何庫(kù)。你說你對(duì)哪個(gè)庫(kù)了解多少多少，但我不能把關(guān)于庫(kù)的知識(shí)作為評(píng)判能力的因素，因?yàn)閹?kù)是會(huì)隨時(shí)間變化的。

　　三、解決問題

　　做為一名前端工程師，最值得高興的事莫過于解決同一個(gè)問題會(huì)有很多種不同的方法，而你要做的就是找出最合適的方法來。我在**的時(shí)候，經(jīng)常會(huì)在應(yīng)聘者解釋完一種方法后問他們還有沒有第二種方法。此時(shí)我會(huì)跟他們說，假設(shè)你的這個(gè)方法由于種種原因被否決了，那么你還能不能給出另一種方法。這樣做可以達(dá)到 兩個(gè)目的。

　　首先，可以測(cè)試出他們是否在毫無意義地復(fù)述書本中的東西。不能不承認(rèn)，某些人確實(shí)有過目不忘的天賦，聽他們?cè)谀抢锾咸喜唤^地講，你會(huì)覺得他們什么都明白�？墒�，只要一跟這些人談到怎么查找方案無效的原因，以及能否拿出一個(gè)新方案來，他們往往就傻眼了。這時(shí)候，如果我聽到“我不明白這個(gè)方案為什么不夠 好”之類的反問，心里立刻就明白我的問題已經(jīng)超出了他們的能力范圍，而他們只是想拿自己死記硬背的結(jié)論來蒙混過關(guān)。

　　其次，可以測(cè)試出他們已經(jīng)掌握的(還是那句話，“想都不用想”)瀏覽器技術(shù)知識(shí)。如果他們對(duì)瀏覽器*臺(tái)的.核心知識(shí)有較好的理解，想出解決同一問題的不同方案根本沒有那么難。

　　注意：所有問題都與瀏覽器技術(shù)相關(guān)。我不相信出幾道抽象的邏輯題，就能夠考出某人解決Web技術(shù)問題的能力。在我看來，這無異于讓素描大師畫肖像，沒有意義，也得不到任何有價(jià)值的信息。

　　四、有激情

　　要成為一名優(yōu)秀的前端工程師，最重要的莫過于對(duì)自己做的事要有激情。我們技能都不是從學(xué)校中或者從研討會(huì)上學(xué)來的，因此前端工程師必須具備自學(xué)能力。瀏覽器技術(shù)的變化可謂日新月異，所以也只有不斷提升自己的技能才做得到與時(shí)俱進(jìn)。我雖然不能強(qiáng)迫誰必須多看博客、不斷學(xué)習(xí)，但想應(yīng)聘前端工程師的人恐怕還是必須這么做的。

　　你怎么知道誰對(duì)這種工作有沒有激情?實(shí)際上非常簡(jiǎn)單。我只問一個(gè)簡(jiǎn)單的問題：“目前你對(duì)什么Web技術(shù)最感興趣?”這個(gè)問題永遠(yuǎn)不會(huì)過期，而且也幾乎不可能出錯(cuò)……除非你答不上來。就眼下來說，我希望你對(duì)這個(gè)問題給出的技術(shù)中包括WebSocket、HTML、WebGL、客戶端數(shù)據(jù)庫(kù)，等等。只有 對(duì)Web開發(fā)充滿激情的人，才會(huì)堅(jiān)持不懈地學(xué)習(xí)新知識(shí)、掌握新技能;

　　五、最后一點(diǎn)

　　計(jì)算機(jī)科學(xué)或者Web設(shè)計(jì)方面的知識(shí)當(dāng)然也有用，但那都是基本知識(shí)之外的東西。只要基本知識(shí)在那兒了，一切就都有了基礎(chǔ)，想擴(kuò)充知識(shí)面也不難�？墒�，如果等到正式上班以后，還得從頭學(xué)習(xí)基本技能，那種難度是不可同日而語(yǔ)的。