java程序員在面試的時候都會遇到java面試題,在面試題中也有java前端面試題,為了幫助大家面試更加順利,長沙牛耳教育java培訓機構的小編為大家準備了java前端面試題總結,希望對大家能夠有所幫助。
1、CSS引入的方式有哪些?
(1)外聯(lián):<link>標簽
(2)內聯(lián):<style>標簽
(3)元素內嵌:元素的style屬性
2、CSS選擇符有哪些?
標簽選擇符、類選擇符、id選擇符、組合選擇符
3、你做的頁面在哪些流覽器測試過?這些瀏覽器的內核分別是什么?
Ie(Ie內核) 火狐(Gecko) 谷歌(webkit) opear(Presto)
4、”==”和“===”的不同
==只比較值,===比較值和數(shù)據(jù)類型
5、什么是盒子模型?
在網(wǎng)頁中,一個元素占有空間的大小由幾個部分構成,其中包括元素的內容(content),元素的內邊距(padding),元素的邊框(border),元素的外邊距(margin)四個部分。這四個部分占有的空間中,有的部分可以顯示相應的內容,而有的部分只用來分隔相鄰的區(qū)域或區(qū)域。4個部分一起構成了css中元素的盒模型。
6、$(this) 和 this 關鍵字在 jQuery 中有何不同?
前者是jQuery對象,使用jQuery方法和屬性;后者是Javascript對象,使用Javascript方法和屬性。
7、jQuery 里的 each() 是什么函數(shù)?你是如何使用它的?
each() 函數(shù)就像是 Java 里的一個 Iterator,它允許你遍歷一個元素集合。你可以傳一個函數(shù)給 each() 方法,被調用的 jQuery 對象會在其每個元素上執(zhí)行傳入的函數(shù)。
8、AJAX應用和傳統(tǒng)Web應用有什么不同?
在傳統(tǒng)的Javascript編程中,如果想得到服務器端數(shù)據(jù)庫或文件上的信息,或者發(fā)送客戶端信息到服務器,需要建立一個HTML form然后GET或者POST數(shù)據(jù)到服務器端。用戶需要點擊”Submit”按鈕來發(fā)送或者接受數(shù)據(jù)信息,然后等待服務器響應請求,頁面重新加載。因為服務器每次都會返回一個新的頁面, 所以傳統(tǒng)的web應用有可能很慢而且用戶交互不友好。使用AJAX技術, 就可以使Javascript通過XMLHttpRequest對象直接與服務器進行交互。通過HTTP Request, 一個web頁面可以發(fā)送一個請求到web服務器并且接受web服務器返回的信息(不用重新加載頁面),展示給用戶的還是同一個頁面,用戶感覺不到頁面刷新,也看不到到Javascript后臺進行的發(fā)送請求和接受響應。
AJAX的全稱是Asynchronous Javascript And XML(異步的Javascript和XML).。AJAX是2005年由Google發(fā)起并流行起來的編程方法, AJAX不是一個新的編程語言,但是它是一個使用已有標準的新的編程技術。使用AJAX可以創(chuàng)建更好,更快,更用戶界面友好的Web應用。AJAX技術基于Javascript和HTTP Request。
使用場景?
--》登錄失敗時不跳轉頁面,注冊時提示用戶名是否存在,二級聯(lián)動等等使用場景
10、AJAX的優(yōu)缺點都有什么?
優(yōu)點:
(1)最大的一點是頁面無刷新,用戶的體驗非常好。
(2)使用異步方式與服務器通信,具有更加迅速的響應能力。
(3)可以把以前一些服務器負擔的工作轉嫁到客戶端,利用客戶端閑置的能力來處理,減輕服務器和帶寬的負擔,節(jié)約空間和寬帶租用成本。并且減輕服務器的負擔,ajax的原則是“按需取數(shù)據(jù)”,可以最大程度的減少冗余請求,和響應對服務器造成的負擔。
(4)基于標準化的并被廣泛支持的技術,不需要下載插件或者小程序。
缺點:
(1)不支持瀏覽器back按鈕。
(2)安全問題 AJAX暴露了與服務器交互的細節(jié)。
(3)對搜索引擎的支持比較弱。
(4)破壞了程序的異常機制。
(5)不容易調試。
11、簡述Ajax的工作原理?
Ajax的核心是Javascript對象XmlHttpRequest。該對象在Internet Explorer 5中首次引入,它是一種支持異步請求的技術。簡而言之,XmlHttpRequest使您可以使用Javascript向服務器提出請求并處理響應,而不阻塞用戶。在創(chuàng)建Web站點時,在客戶端執(zhí)行屏幕更新為用戶提供了很大的靈活性。
12、請介紹一下XmlHttpRequest對象
Ajax的核心是Javascript對象XmlHttpRequest。該對象在Internet Explorer 5中首次引入,它是一種支持異步請求的技術。簡而言之,XmlHttpRequest使您可以使用Javascript向服務器提出請求并處理響應,而不阻塞用戶。通過XMLHttpRequest對象,Web開發(fā)人員可以在頁面加載以后進行頁面的局部更新。
13、簡單說一下HTML,CSS,javascript在網(wǎng)頁開發(fā)中的定位?
HTML:超文本標記語言,定義網(wǎng)頁的結構
CSS:層疊樣式表,用來美化頁面
Javascript:主要用來驗證表單,做動態(tài)交互(其中AJAX)
14、JS和JQuery的關系
JQuery是一個JS框架,封裝了JS的屬性和方法,并且增強了JS的功能,讓用戶使用起來更加方便,原來使用js是要處理很多兼容性的問題(注冊事件),由于Jquery封裝了底層,就不用處理兼容性問題(注冊事件等)。
原生的js的dom和事件綁定Ajax等操作非常麻煩,JQuery等裝以后非常方便。
15、JQuery的AJAX和原生js實現(xiàn)有什么關系
JQuery中的AJAX也是通過原生的js封裝的,封裝完成后讓我們使用更加便利,不用考慮底層實現(xiàn)和兼容性等處理。
如果采用原生js實現(xiàn)AJAX是非常麻煩的,并且每次都是一樣的,如果我們不使用JQuery,我們也要封裝ajax對象的方法和屬性,有像jquery這些已經(jīng)封裝完成,并且經(jīng)過很多企業(yè)實際的框架,比較可靠并且開源,我們就不需要等裝,直接使用成熟的框架(jquery)即可;
16、簡單說一下html5?你對哪些現(xiàn)在哪些新技術有了解
html5是最新版本的html,是在原來html4的基礎上增強類一些標簽。
html5增加了一些像畫板、聲音、視頻、web存儲方面等高級功能,但是html5有一個不好的地方,那就是html5太強調語義了,導致開發(fā)者都不知道要選擇哪個標簽。在頁面布局時,無論頭部、主體、導航等模塊都使用div來表示,但是html5的規(guī)范,需要使用不同不同的標簽。(header,footer)
你對新技術有哪些了解:html5 css3。
17、簡單說一下css3
css3是最新版本的css,是對原來的css2的功能增強
css3中提供一些css2中實現(xiàn)起來比較困難或者不能實現(xiàn)的功能。
(1)盒子圓角邊框
(2)盒子和文字的陰影
(3)漸變
(4)裝換、移動、縮放、旋轉等
(5)過渡、動畫都可以使用動畫
(6)可以使用媒體查詢實現(xiàn)響應式網(wǎng)站
css3最大的缺點就是要根據(jù)不同的瀏覽器處理兼容性,對應有一些處理兼容性的工具,不用擔心
18、bootstrap是什么
bootstrap是一個移動設備優(yōu)先的UI框架,我們可以不用寫任何css、js代碼就能實現(xiàn)比較漂亮的有交互性的頁面,我們程序員對頁面的編寫是有硬傷的,所有要自己寫頁面的話就要使用類似于bootstrap這樣的UI框架
平時用的很多:
(1)模態(tài)框
(2)表單、表單項
(3)布局
(4)刪格系統(tǒng)
以上就是長沙牛耳教育java培訓機構的小編針對“java前端面試題總結”的內容進行的回答,希望對大家有所幫助,如有疑問,請在線咨詢,有專業(yè)老師隨時為你服務。
Java面試題