前端面試題之跨域方式
前端面試題之跨域方式
常用的:
- jsonP:通過script標籤呼叫不同域的js把引數帶回來
- CORS:通過服務端在響應頭設定Access-Control-AllowOrigin欄位進行跨域
還有:
- window.name:一個頁面跳轉之後,它的window.name是不會變的,通過這個原理,一個頁面跳轉到不同域的頁面也可以拿到不通域頁面的值
- document.domain:document.domain將頁面設定成相同的域來進行跨域
H5新出的:
- window.postMessage:拿到iframe中網頁的window物件然後設定window.postMessage的值之後在另一個網頁可以拿到window.postMessage的值
- websocket:WebSocket是在HTML5中引入的瀏覽器與服務端的通訊協議,可以類比HTTP,預設支援同源通訊
面試回答:跨域是因為瀏覽器基於安全問題,使用了同源策略,也就是瀏覽器只允許請求協議,域名,埠相同的域的資料,跨域就是讓瀏覽器能夠請求不同源的域的資料
相關推薦
前端面試題之跨域方式
前端面試題之跨域方式 常用的: jsonP:通過script標籤呼叫不同域的js把引數帶回來 CORS:通過服務端在響應頭設定Access-Control-AllowOrigin欄位進行跨域 還有: window.name:一個頁面跳轉之後,它的w
js操作符類型轉換大全(前端面試題之操作符)
ber 出錯 mas java http pos ted 一個數 類型轉換 操作符運算符,在前端的面試題目中經常出現,很多朋友在對其運算的時候經常出錯。說明對操作符運算還沒有完全理解,我前面的一篇文章,javascript雙等號引起的類型轉換,主要講解雙等號引起的類型轉換。
2017前端面試題之Css篇(1)
margin 沒有 width ati clas 經驗 visible import tom 1 . CSS 屬性是否區分大小寫? 答:不區分。 HTML,CSS都對大小寫不敏感,但為了更好的可讀性和團隊協作一般都小寫,而在XHTML 中元素名稱和屬性是必須小寫的。
2017前端面試題之Html篇(1)
utf doctype clas 停止 要求 驅動 抓取 -c 顯示錯誤 1 . doctype(文檔類型) 的作用是什麽? 對文檔進行有效性驗證: 它告訴用戶代理和校驗器這個文檔是按照什麽DTD 寫的。這個動作是被動的, 每次頁面加載時,瀏覽器並不會下載DTD
2017前端面試題之Js篇(1)
load urn lis property eat hub bind tlist 方法的參數 1 . 請解釋事件代理 (event delegation) 當需要對很多元素添加事件的時,可以通過將事件添加到它們的父節點通過委托來觸發處理函數。其中利用到了瀏覽器的事件冒
前端面試題之介紹專案
前端面試題之介紹專案 自我介紹:你好,我叫lk,來自韓山師範學院,是2019年畢業的應屆生,專業是軟體工程,學習的方向是前端,平時喜歡研究一些比較熱門的元件,喜歡看他們的技術原理,喜歡去思考能不能修改成更好看的樣式,對頁面美觀有自己獨特的見解,平時看到好看又舒服的頁面時會讚歎製作這個頁面
前端面試題之手寫二叉排序樹
前端面試題之手寫二叉排序樹 二叉排序樹:每個節點的左節點都比根節點小,右節點都比根節點大 function TreeNode(data, left, right) { //節點結構 this.val = data; this.left = left; this
前端面試題之cookies與storage的區別
前端面試題之cookies與storage的區別 共同點:都是儲存在瀏覽器端,且同源的。 區別: cookies每次傳送請求都會被攜帶,會造成頻寬浪費,storage則不會,儲存在本地 cookies的大小和數量都有限制,大小一般在4K左右,storage達到5M或者更
前端面試題之html篇
引文: 本篇文章總結了前端面試過程中常見的HTML問題,如有遺漏,歡迎補充。 同時也歡迎各位關注我們的微信公眾號:前端指南。每天早上6點整準時推送前端資訊,包括但不限於技術文章,面試經驗,校招資訊。 微信掃二維碼關注 Doctype 作用?標準模式與相
前端面試題之JS基本資料型別及判斷
JS基本資料型別有: Number String Boolean Undefined Object(Array,Function) Null Symbol(ES6新增) 其中Array,和Function是Object的子集。 判斷Number,String,B
前端面試題之SSR(服務端渲染)
前端面試題之SSR 客戶端渲染: 在服務端放了一個html 頁面,裡面有 客戶端發起請求,服務端把頁面(響應的是字串)傳送過去,客戶端從上到下依次解析,如果在解析的過程中,發現ajax 請求,再次像伺服器傳送新的請求,客戶端拿到ajax 響應結果,模板引擎渲染。
前端面試題之HTTP請求(包括請求的方法型別、請求與響應、get和post的區別)
經歷了一波秋招,整理了一部分面試題,也是趁這個機會再鞏固一下知識點。(本來想把所有的知識點都寫在一篇部落格中,感覺太冗長了,不如一篇一篇的整潔。) 一、HTTP請求(主要從請求的方法型別、請求訊息和響應訊息、get和post的區別這幾部分來說) 1、請求的方法:HTTP1.0定義了三種請求方
前端面試題之佈局
面試題之佈局解決方案 前端面試的時候關於佈局方面總是會問這樣一個問題—假設已知高度,完成三欄佈局,兩邊欄,定寬,中間欄自適應寬度。 對於這個問題,第一個想法就是利用浮動、定位來完成,但是對於面試題,只回答出來這兩種往往是不夠的。那麼仔細的思考
自己總結的web前端面試題之php
1.表單中 get與post提交方法的區別?答:get是傳送請求HTTP協議通過url引數傳遞進行接收,而post是實體資料,可以通過表單提交大量資訊. 2.session與cookie的區別?答:session:儲存使用者訪問的全域性唯一變數,儲存在伺服器上的PHP指定的
2018最新Web前端面試題之HTML部分~~好久不見
好久不見 Doctype作用?標準模式與相容模式各有什麼區別? Doctype用於向瀏覽器申明使用標準模式來解析文件 標準模式是以瀏覽器最高級別來解析文件,而相容模式是以向後相容的方式來解
前端面試題之JS物件陣列去重
前幾天去找實習,碰到一道JS物件陣列去重的題目,解法其實與JS普通陣列去重的方法類似。1.JS陣列去重方法1: var arr = [1,1,2,2,2,3,4,5,6,7,8,9,9,9,10]; var newArr = [...new Set(arr)];//ES6的
前端面試題之mouseover和mouseenter的區別
曾經一度認為,mouseover和mouseenter是不是js設計者弄多餘的,印象中這兩個的效果都是一樣的吧?! 直到去面試的時候被面試官提出了,說說mouseover和mouseenter有什麼區別,整個人都愕然了,用了那麼就js,還真沒有去認真思考過這個問
web前端面試題之 CSS瀏覽器相容性?
CSS瀏覽器相容性? 答題技巧:因為這個問題主要是看你經驗,一般有了開發經驗的都會遇到這樣的坑,你只要說出幾個來大致就可以了。 1.對齊文字和文字輸入框 問題: 當input元素在設定了高時,在IE7、IE8、IE9下會出現文字和文字輸入框不能對齊的現象,其他正常,包括o
前端面試題之CSS盒模型
前端面試對於CSS這塊不可或缺的一個考察點就是盒模型(BOX),通過對BOX的提問就可以瞭解你在CSS知識方面的掌握程度。本文主要介紹CSS中的盒模型在面試中可能會問到的相關問題和知識點,不足指出請指出改正。 首先,最基礎的問題–什麼是盒模型? 可以說,頁面
web前端之跨域的幾種方式
一、什麼是跨域 JavaScript出於安全方面的考慮,不允許跨域呼叫其他頁面的物件。那什麼是跨域呢,簡單地理解就是因為JavaScript同源策略的限制,a.com域名下的js無法操作b.com或是c.a.com域名下的物件。 當協議、子域名、主域名、埠號中任意一個不相同時,都算作不