跨域、vue雙向綁定相關面試題

  • 時間:2018-10-11 23:25 作者:前端攻城小牛 來源:前端攻城小牛 閱讀:158
  • 掃一掃,手機訪問
摘要:vue數據雙向綁定的實現原理是采用數據劫持結合發布者-訂閱者模式的方式,通過Object.defineProperty()來劫持各個屬性的setter,getter,在數據變動時發布消息給訂閱者,觸發相應的監聽回調。懶加載原理?一般來講,給圖片src配置一個假的地址,同事給增加一個data-url屬

vue數據雙向綁定的實現原理

是采用數據劫持結合發布者-訂閱者模式的方式,通過Object.defineProperty()來劫持各個屬性的setter,getter,在數據變動時發布消息給訂閱者,觸發相應的監聽回調。

跨域、vue雙向綁定相關面試題

懶加載原理?

一般來講,給圖片src配置一個假的地址,同事給增加一個data-url屬性指向真是url地址,當圖片快要顯示的時候將url地址替換成data-url的屬性。

vue中watch和computed的區別

watch主要作用是監聽路由變化。Computed主要是做計算方法。

前臺跨域到底跨的是什么?

跨域請求針對瀏覽器的同源策略(Same-Origin Policy)而言,指一個網站主動請求另外一個網站的資源(圖片、javascript、視頻等)。

Nginx反向代理商實現跨域

我們只要要配置Nginx,在一個服務器上配置多個前綴來轉發http/https請求到多個真實的服務器就可。這樣這個服務器上所有URL都是相同的域名、協議和端口。因而,對于瀏覽器來說這些URL都是同源的,沒有跨域限制。而實際上這些URL實際上由物理服務器提供服務。這些服務器內的JavaScript可以跨域調用所有這些服務器上的URL。

簡單說,Nginx服務器欺騙了瀏覽器,讓它認為這是同源調用,從而處理了瀏覽器的跨域問題。

下面給出一個Nginx支持跨域的例子,進行具體說明。

服務器A(域名:www.hi-linux.com)中有一個頁面,想請求服務器B(域名:www.imike.me)中的api地址(http://www.imike.me/api)獲取數據。

  • Nginx配置

修改配置文件

server {
listen 80;
server_name www.hi-linux.com;
root /var/www/html;
autoindex off;
index index.html index.htm index.php;
# 將www.hi-linux.com/api的所有請求反向代理商到www.imike.me

location ~ ^/api/ {
proxy_pass http://www.imike.me;
proxy_redirect off;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
}
location ~ /\.ht {
deny all;
}
}

重啟Nginx

/etc/init.d/nginx restart
  • 修改JS代碼中的地址
function getID(){ 
jQuery.get("http://www.hi-linux.com/api/GetData?id=1”,
function (data, textStatus){
this; // 在這里this指向的是Ajax請求的選項配置信息
if(textStatus=="success"){
jQuery("#CountNum").html(data);
}
});
}
  • 全部評論(0)
最新發布的資訊信息
【系統環境|軟件環境】Android | App內存優化 之 內存泄漏 要點概述 以及 處理實戰(2019-12-04 14:27)
【系統環境|軟件環境】MySQL InnoDB 事務(2019-12-04 14:26)
【系統環境|軟件環境】vue-router(單頁面應用控制中心)常見用法(2019-12-04 14:26)
【系統環境|軟件環境】Linux中的Kill命令(2019-12-04 14:26)
【系統環境|軟件環境】Linux 入門時必學60個文件解決命令(2019-12-04 14:26)
【系統環境|軟件環境】更新版ThreeJS 3D粒子波浪動畫(2019-12-04 14:26)
【系統環境|軟件環境】前臺開發WebStorm常用快捷鍵,火速收藏!(2019-12-04 14:25)
【系統環境|軟件環境】微博H5登錄和發微博組件(2019-12-04 14:25)
【系統環境|軟件環境】5分鐘談前臺面試,小伙伴都驚呆了(2019-12-04 14:23)
【系統環境|軟件環境】node中的path模塊(2019-12-04 14:23)
手機二維碼手機訪問領取大禮包
返回頂部
3d开机号查询