前端面試必問(wèn)題

starsfun 發(fā)布于2019-08-23 12:30 / 675人閱讀

摘要：實(shí)現(xiàn)跨域利用腳本允許引用不同下域下的實(shí)現(xiàn)的，將回調(diào)方法帶入服務(wù)器，返回結(jié)果時(shí)回調(diào)?？缬蛸Y源共享跨域資源共享是一種網(wǎng)絡(luò)瀏覽器的技術(shù)規(guī)范它為服務(wù)器定義一種方式，允許網(wǎng)頁(yè)從不同的域訪問(wèn)其資源與相比，只能實(shí)現(xiàn)請(qǐng)求，而支持所有類型的請(qǐng)求。

1.談?wù)勀銓?duì)ajax的理解？（概念，特點(diǎn)，作用，代碼）

ajax是指一種創(chuàng)建交互式網(wǎng)頁(yè)應(yīng)用的開(kāi)發(fā)技術(shù)，改善用戶體驗(yàn)，實(shí)現(xiàn)無(wú)刷效果。

優(yōu)點(diǎn)：不需要插件的支持，優(yōu)秀的用戶體驗(yàn)，提高web程序性能，減輕服務(wù)器和帶寬的負(fù)擔(dān)

缺點(diǎn)：破環(huán)瀏覽器的“前進(jìn)”，“后退”按鈕的正常功能，是可以通過(guò)簡(jiǎn)單的插件彌補(bǔ)

代碼：

var xhr=new XMLHttpRequest()

var url="https://home.firefoxchina.cn"http://要請(qǐng)求的地址

xhr.open("get",url,true)

xhr.onreadystatechange=function(){

if(xhr.readyState===4&&xhr.status===200){

var data=JSON.parse(xhr.responseText).result.data;

            console.log(data);

            for(var i=0;i
xhr.send();
}
2.什么是跨域，如何實(shí)現(xiàn)跨域訪問(wèn)？
跨域是指不同域名之間的訪問(wèn)。
實(shí)現(xiàn)：
（1）JSONP跨域：利用script腳本允許引用不同下域下的js實(shí)現(xiàn)的，將回調(diào)方法帶入服務(wù)器，返回結(jié)果時(shí)
回調(diào)。
（2）跨域資源共享（cors）
跨域資源共享是一種網(wǎng)絡(luò)瀏覽器的技術(shù)規(guī)范它為web服務(wù)器定義一種方式，允許網(wǎng)頁(yè)從不同的域訪問(wèn)其資源
cors與jsonp相比
a，JSONP只能實(shí)現(xiàn)get請(qǐng)求，而cors支持所有類型的http請(qǐng)求。
b，使用CORS，開(kāi)發(fā)者可以使用普通的XMLHttpRequest發(fā)起請(qǐng)求和獲得數(shù)據(jù)，比起JSONP有更好的錯(cuò)誤處理
c，JSONP主要被老的瀏覽器支持，他們往往不支持CORS，而絕大多數(shù)現(xiàn)代瀏覽器都已經(jīng)支持了CORS

GPU云服務(wù)器云服務(wù)器 java面試必問(wèn)題面試問(wèn)題 javaee面試問(wèn)題前端面試

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/98621.html

相關(guān)文章

寫給初入門/半路出家的前端er

摘要：半路出家的前端程序員應(yīng)該不在少數(shù)，我也是其中之一。年，馮馮同事兼師兄看我寫太費(fèi)勁，跟我說(shuō)對(duì)面樓在找，問(wèn)我要不要學(xué)，說(shuō)出來(lái)可能有點(diǎn)丟人，但是在那之前，我真得不知道什么是，什么是。半路出家的前端程序員應(yīng)該不在少數(shù)，我也是其中之一。為何會(huì)走向前端非計(jì)算機(jī)專業(yè)的我，畢業(yè)之后，就職于一家電力行業(yè)公司，做過(guò)設(shè)備調(diào)試、部門助理、測(cè)試，也寫過(guò)一段時(shí)間的QT，那三年的時(shí)間，最難過(guò)的不是工作忙不忙，...

Cc_2011 2019-08-23 17:18 評(píng)論0 收藏0
前端開(kāi)發(fā)面試題鏈接

摘要：手冊(cè)網(wǎng)超級(jí)有用的前端基礎(chǔ)技術(shù)面試問(wèn)題收集前端面試題目及答案匯總史上最全前端面試題含答案常見(jiàn)前端面試題及答案經(jīng)典面試題及答案精選總結(jié)前端面試過(guò)程中最容易出現(xiàn)的問(wèn)題前端面試題整理騰訊前端面試經(jīng)驗(yàn)前端基礎(chǔ)面試題部分最新前端面試題攻略前端面試前端入手冊(cè)網(wǎng)：http://www.shouce.ren/post/index 超級(jí)有用的前端基礎(chǔ)技術(shù)面試問(wèn)題收集：http://www.codec...

h9911 2019-08-02 16:11 評(píng)論0 收藏0
前端開(kāi)發(fā)面試題鏈接

摘要：手冊(cè)網(wǎng)超級(jí)有用的前端基礎(chǔ)技術(shù)面試問(wèn)題收集前端面試題目及答案匯總史上最全前端面試題含答案常見(jiàn)前端面試題及答案經(jīng)典面試題及答案精選總結(jié)前端面試過(guò)程中最容易出現(xiàn)的問(wèn)題前端面試題整理騰訊前端面試經(jīng)驗(yàn)前端基礎(chǔ)面試題部分最新前端面試題攻略前端面試前端入手冊(cè)網(wǎng)：http://www.shouce.ren/post/index 超級(jí)有用的前端基礎(chǔ)技術(shù)面試問(wèn)題收集：http://www.codec...

snifes 2019-08-23 16:48 評(píng)論0 收藏0
前端面試必問(wèn)題答疑（1）

摘要：一，前端性能優(yōu)化有哪些頁(yè)面優(yōu)化方面，減少請(qǐng)求數(shù)設(shè)計(jì)簡(jiǎn)化頁(yè)面合理設(shè)置緩存資源合并與壓縮圖片嵌入，將外部腳本置底，異步執(zhí)行腳本，，將外鏈放在中，異步請(qǐng)求，減少不必要的跳轉(zhuǎn)，避免重復(fù)的資源請(qǐng)求代碼優(yōu)化方面，操作轉(zhuǎn)為數(shù)組一，前端性能優(yōu)化有哪些？ a) 頁(yè)面優(yōu)化方面： 1，減少HTTP請(qǐng)求數(shù)--設(shè)計(jì)簡(jiǎn)化頁(yè)面--合理設(shè)置緩存--資源合并與壓縮--css sprites--圖片嵌入--Lazy L...

付永剛 2019-08-02 16:13 評(píng)論0 收藏0
前端面試必問(wèn)題答疑（1）

摘要：一，前端性能優(yōu)化有哪些頁(yè)面優(yōu)化方面，減少請(qǐng)求數(shù)設(shè)計(jì)簡(jiǎn)化頁(yè)面合理設(shè)置緩存資源合并與壓縮圖片嵌入，將外部腳本置底，異步執(zhí)行腳本，，將外鏈放在中，異步請(qǐng)求，減少不必要的跳轉(zhuǎn)，避免重復(fù)的資源請(qǐng)求代碼優(yōu)化方面，操作轉(zhuǎn)為數(shù)組一，前端性能優(yōu)化有哪些？ a) 頁(yè)面優(yōu)化方面： 1，減少HTTP請(qǐng)求數(shù)--設(shè)計(jì)簡(jiǎn)化頁(yè)面--合理設(shè)置緩存--資源合并與壓縮--css sprites--圖片嵌入--Lazy L...

voyagelab 2019-08-23 16:59 評(píng)論0 收藏0