java前端面試題總結(jié)

java程序員在面試的時(shí)候都會(huì)遇到j(luò)ava面試題，在面試題中也有java前端面試題，為了幫助大家面試更加順利，長沙牛耳教育java培訓(xùn)機(jī)構(gòu)的小編為大家準(zhǔn)備了java前端面試題總結(jié)，希望對大家能夠有所幫助。

1、CSS引入的方式有哪些?

(1)外聯(lián)：<link>標(biāo)簽

(2)內(nèi)聯(lián)：<style>標(biāo)簽

(3)元素內(nèi)嵌：元素的style屬性

2、CSS選擇符有哪些?

標(biāo)簽選擇符、類選擇符、id選擇符、組合選擇符

3、你做的頁面在哪些流覽器測試過?這些瀏覽器的內(nèi)核分別是什么?

Ie(Ie內(nèi)核) 火狐(Gecko) 谷歌(webkit) opear(Presto)

4、”==”和“===”的不同

==只比較值，===比較值和數(shù)據(jù)類型

5、什么是盒子模型?

在網(wǎng)頁中，一個(gè)元素占有空間的大小由幾個(gè)部分構(gòu)成，其中包括元素的內(nèi)容(content)，元素的內(nèi)邊距(padding)，元素的邊框(border)，元素的外邊距(margin)四個(gè)部分。這四個(gè)部分占有的空間中，有的部分可以顯示相應(yīng)的內(nèi)容，而有的部分只用來分隔相鄰的區(qū)域或區(qū)域。4個(gè)部分一起構(gòu)成了css中元素的盒模型。

6、$(this) 和 this 關(guān)鍵字在 jQuery 中有何不同?

前者是jQuery對象，使用jQuery方法和屬性;后者是Javascript對象，使用Javascript方法和屬性。

7、jQuery 里的 each() 是什么函數(shù)?你是如何使用它的?

each() 函數(shù)就像是 Java 里的一個(gè) Iterator，它允許你遍歷一個(gè)元素集合。你可以傳一個(gè)函數(shù)給 each() 方法，被調(diào)用的 jQuery 對象會(huì)在其每個(gè)元素上執(zhí)行傳入的函數(shù)。

8、AJAX應(yīng)用和傳統(tǒng)Web應(yīng)用有什么不同?

在傳統(tǒng)的Javascript編程中，如果想得到服務(wù)器端數(shù)據(jù)庫或文件上的信息，或者發(fā)送客戶端信息到服務(wù)器，需要建立一個(gè)HTML form然后GET或者POST數(shù)據(jù)到服務(wù)器端。用戶需要點(diǎn)擊”Submit”按鈕來發(fā)送或者接受數(shù)據(jù)信息，然后等待服務(wù)器響應(yīng)請求，頁面重新加載。因?yàn)榉?wù)器每次都會(huì)返回一個(gè)新的頁面， 所以傳統(tǒng)的web應(yīng)用有可能很慢而且用戶交互不友好。使用AJAX技術(shù)， 就可以使Javascript通過XMLHttpRequest對象直接與服務(wù)器進(jìn)行交互。通過HTTP Request， 一個(gè)web頁面可以發(fā)送一個(gè)請求到web服務(wù)器并且接受web服務(wù)器返回的信息(不用重新加載頁面)，展示給用戶的還是同一個(gè)頁面，用戶感覺不到頁面刷新，也看不到到Javascript后臺進(jìn)行的發(fā)送請求和接受響應(yīng)。

AJAX的全稱是Asynchronous Javascript And XML(異步的Javascript和XML).。AJAX是2005年由Google發(fā)起并流行起來的編程方法， AJAX不是一個(gè)新的編程語言，但是它是一個(gè)使用已有標(biāo)準(zhǔn)的新的編程技術(shù)。使用AJAX可以創(chuàng)建更好，更快，更用戶界面友好的Web應(yīng)用。AJAX技術(shù)基于Javascript和HTTP Request。

使用場景?

--》登錄失敗時(shí)不跳轉(zhuǎn)頁面，注冊時(shí)提示用戶名是否存在，二級聯(lián)動(dòng)等等使用場景

10、AJAX的優(yōu)缺點(diǎn)都有什么?

優(yōu)點(diǎn)：

(1)最大的一點(diǎn)是頁面無刷新，用戶的體驗(yàn)非常好。

(2)使用異步方式與服務(wù)器通信，具有更加迅速的響應(yīng)能力。

(3)可以把以前一些服務(wù)器負(fù)擔(dān)的工作轉(zhuǎn)嫁到客戶端，利用客戶端閑置的能力來處理，減輕服務(wù)器和帶寬的負(fù)擔(dān)，節(jié)約空間和寬帶租用成本。并且減輕服務(wù)器的負(fù)擔(dān)，ajax的原則是“按需取數(shù)據(jù)”，可以最大程度的減少冗余請求，和響應(yīng)對服務(wù)器造成的負(fù)擔(dān)。

(4)基于標(biāo)準(zhǔn)化的并被廣泛支持的技術(shù)，不需要下載插件或者小程序。

缺點(diǎn)：

(1)不支持瀏覽器back按鈕。

(2)安全問題 AJAX暴露了與服務(wù)器交互的細(xì)節(jié)。

(3)對搜索引擎的支持比較弱。

(4)破壞了程序的異常機(jī)制。

(5)不容易調(diào)試。

11、簡述Ajax的工作原理?

Ajax的核心是Javascript對象XmlHttpRequest。該對象在Internet Explorer 5中首次引入，它是一種支持異步請求的技術(shù)。簡而言之，XmlHttpRequest使您可以使用Javascript向服務(wù)器提出請求并處理響應(yīng)，而不阻塞用戶。在創(chuàng)建Web站點(diǎn)時(shí)，在客戶端執(zhí)行屏幕更新為用戶提供了很大的靈活性。

12、請介紹一下XmlHttpRequest對象

Ajax的核心是Javascript對象XmlHttpRequest。該對象在Internet Explorer 5中首次引入，它是一種支持異步請求的技術(shù)。簡而言之，XmlHttpRequest使您可以使用Javascript向服務(wù)器提出請求并處理響應(yīng)，而不阻塞用戶。通過XMLHttpRequest對象，Web開發(fā)人員可以在頁面加載以后進(jìn)行頁面的局部更新。

13、簡單說一下HTML，CSS，javascript在網(wǎng)頁開發(fā)中的定位?

HTML：超文本標(biāo)記語言，定義網(wǎng)頁的結(jié)構(gòu)

CSS：層疊樣式表，用來美化頁面

Javascript：主要用來驗(yàn)證表單，做動(dòng)態(tài)交互(其中AJAX)

14、JS和JQuery的關(guān)系

JQuery是一個(gè)JS框架，封裝了JS的屬性和方法，并且增強(qiáng)了JS的功能，讓用戶使用起來更加方便，原來使用js是要處理很多兼容性的問題(注冊事件)，由于Jquery封裝了底層，就不用處理兼容性問題(注冊事件等)。

原生的js的dom和事件綁定Ajax等操作非常麻煩，JQuery等裝以后非常方便。

15、JQuery的AJAX和原生js實(shí)現(xiàn)有什么關(guān)系

JQuery中的AJAX也是通過原生的js封裝的,封裝完成后讓我們使用更加便利，不用考慮底層實(shí)現(xiàn)和兼容性等處理。

如果采用原生js實(shí)現(xiàn)AJAX是非常麻煩的，并且每次都是一樣的，如果我們不使用JQuery，我們也要封裝ajax對象的方法和屬性，有像jquery這些已經(jīng)封裝完成，并且經(jīng)過很多企業(yè)實(shí)際的框架，比較可靠并且開源，我們就不需要等裝，直接使用成熟的框架(jquery)即可;

16、簡單說一下html5?你對哪些現(xiàn)在哪些新技術(shù)有了解

html5是最新版本的html，是在原來html4的基礎(chǔ)上增強(qiáng)類一些標(biāo)簽。

html5增加了一些像畫板、聲音、視頻、web存儲方面等高級功能，但是html5有一個(gè)不好的地方，那就是html5太強(qiáng)調(diào)語義了，導(dǎo)致開發(fā)者都不知道要選擇哪個(gè)標(biāo)簽。在頁面布局時(shí)，無論頭部、主體、導(dǎo)航等模塊都使用div來表示，但是html5的規(guī)范，需要使用不同不同的標(biāo)簽。(header,footer)

你對新技術(shù)有哪些了解：html5 css3。

17、簡單說一下css3

css3是最新版本的css，是對原來的css2的功能增強(qiáng)

css3中提供一些css2中實(shí)現(xiàn)起來比較困難或者不能實(shí)現(xiàn)的功能。

(1)盒子圓角邊框

(2)盒子和文字的陰影

(3)漸變

(4)裝換、移動(dòng)、縮放、旋轉(zhuǎn)等

(5)過渡、動(dòng)畫都可以使用動(dòng)畫

(6)可以使用媒體查詢實(shí)現(xiàn)響應(yīng)式網(wǎng)站

css3最大的缺點(diǎn)就是要根據(jù)不同的瀏覽器處理兼容性，對應(yīng)有一些處理兼容性的工具，不用擔(dān)心

18、bootstrap是什么

bootstrap是一個(gè)移動(dòng)設(shè)備優(yōu)先的UI框架，我們可以不用寫任何css、js代碼就能實(shí)現(xiàn)比較漂亮的有交互性的頁面，我們程序員對頁面的編寫是有硬傷的，所有要自己寫頁面的話就要使用類似于bootstrap這樣的UI框架

平時(shí)用的很多：

(1)模態(tài)框

(2)表單、表單項(xiàng)

(3)布局

(4)刪格系統(tǒng)

以上就是長沙牛耳教育java培訓(xùn)機(jī)構(gòu)的小編針對“java前端面試題總結(jié)”的內(nèi)容進(jìn)行的回答，希望對大家有所幫助，如有疑問，請?jiān)诰€咨詢，有專業(yè)老師隨時(shí)為你服務(wù)。