前端面試題之跨域方式
前端面試題之跨域方式
常用的：
- 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域名下的物件。 當協議、子域名、主域名、埠號中任意一個不相同時，都算作不